[Projeto] Projeto estilização, está correto? | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

Sobre o código HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Desafio Css</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <Header>Trabalhe melhor com nossos móveis</Header>
    <main>
        <h1><strong>Bem-Vindo à KasMoible!</strong></h1>
        <p>Aqui na KasMobile você garante:</p>
         <ul>
            <li>O melhor móvel para sua empresa</li>
            <li>Qualidade e conforto</li>
            <li>O móvel no tamanho que desejar</li>
            <li>Melhora na produtividade</li>
         </ul>
        <img src="Kas.jpg" alt="Mesa para escritório" width="500" height="300">
        <button><a href="https://instagram.com/kasmobile">Instagram</a></button>
        <button><a href="https://www.kasmobile.com.br">Google</a></button>
        <h3>ENVIOS PARA TODO O BRASIL E DENTRO DO PRAZO</h3>
    </main>
    <footer><p><strong>E-mail:</strong> Kasmobile@gmail.com</p>
    <strong><p>Telefone:</strong>16 99999999</p></footer>
</body>
</html>

Sobre os códigos CSS:

body {
    background-color: gray;
    color: white;
    text-align: center;
}
header {
    text-align: center;
    color: orange;
    font-size: 40px;
    font-family: 'Times New Roman', Times, serif;
    padding: 2%;
    
}
h1 {
    text-align: center;
    color: orange;
}
strong {
    font-style: oblique;
    color: orange;
}
p {
    color: midnightblue;
    text-align: center;
    font-size: 20px;
}
ul {
    list-style-type: none;
    text-align: center;
}
button {
    background-color: orange;
    border-radius: 25px;
    border-color: orange;
    font-style: italic;
    font-size: 20px;
    width: 100px;
    height: 40px;
}
a{
    color: black;
}
h3 {
    color: midnightblue;
    font-style: oblique;
}

img{
   padding-left: 15%;
}

body {
    background-color: yellow;
    color: purple;
    text-align: center;
}
header {
    text-align: center;
    color: purple;
    font-size: 40px;
    font-family: 'Times New Roman', Times, serif;
    padding: 2%;
    
}
h1 {
    text-align: center;
    color: purple;
}
strong {
    font-style: oblique;
    color: purple;
}
p {
    color: blueviolet;
    text-align: center;
    font-size: 20px;
}
ul {
    list-style-type: none;
    text-align: center;
    color: blueviolet;
}
button {
    background-color:hotpink;
    border-radius: 25px;
    border-color: hotpink;
    font-style: italic;
    font-size: 20px;
    width: 100px;
    height: 40px;
}
a{
    color: darkmagenta;
}
h3 {
    color: purple;
    font-style: oblique;
}

img{
   padding-left: 15%;
}

body {
    background-color: black;
    color: white;
    text-align: center;
}
header {
    text-align: center;
    color: white;
    font-size: 40px;
    font-family: 'Times New Roman', Times, serif;
    padding: 2%;
    
}
h1 {
    text-align: center;
    color: white;
}
strong {
    font-style: oblique;
    color: white;
}
p {
    color: darkcyan;
    text-align: center;
    font-size: 20px;
}
ul {
    list-style-type: none;
    text-align: center;
    color: darkturquoise;
}
button {
    background-color: darkseagreen;
    border-radius: 25px;
    border-color: darkseagreen;
    font-style: italic;
    font-size: 20px;
    width: 100px;
    height: 40px;
}
a{
    color: darkblue;
}
h3 {
    color: white;
    font-style: oblique;
}

img{
   padding-left: 15%;
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade