[Projeto] resultado do exercício | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

Olá esse é o meu código final:

<!DOCTYPE html>
<html lang="pt-br">
<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>Portfólio</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header></header>
    <main>
        <div>
            <h1>Eleve seu negócio digital a outro nível <strong>com um Front-end de qualidade!</strong></h1>
            <p>Olá! Sou Arthur Braum, aspirante a Dev Front-End, este é o meu primeiro site.</p>
        </div>
        <div>
            <img src="imagem.jpg" alt="Foto do Arthur">
        </div>
        <div>
            <button><a href="https://www.instagram.com/arthur.braum/">Instagram</a></button>
            <button><a href="https://github.com/ArthurBraum">Github</a></button>
        </div>
    </main>
    <footer>
            <p>Arthur Braum 2024</p>
    </footer>
</body>
</html>

body {
    background-color: #000F08;
    color: #f6f6f6;
}

strong {
    color: #22d4fd;
}

main {
    width: 80%;
    margin: 0 auto;
    padding: 1rem 2rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

button {
    border-radius: 2%;
    border-style: solid;
    border-color: #22d4fd;
    background-color: #22d4fd;
}

img {
    height: 360px;
}

footer {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    color: lightgray;
}