[Projeto] Projeto Semi-Final | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

*uni um pouco dos meus conhecimentos em css e crie o código abaixo

html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Portifólio Kelvyn</title>
</head>
<body>
    <header></header>
    <main>
        <h1>Meu Portifólio</h1>
        <h2>Seja muito bem-vindo ao meu Portifólio!</h2>
        <p>Esse local é destinado para <strong>postagem dos <br>meus projetos</strong> conforme for evoluindo no <span>HTML</span> e <span>CSS</span>.</p>
        <img src="minha-foto.jpg" alt="Self de Kelvyn">
        <a href="https://www.instagram.com/kel.emanoel_/">Instagram</a>
        <a href="https://github.com/kelvynemanoel">Github</a>
    </main>
    <footer>
        <p>Telefone: 99 99999-9999</p>
        <p>© Copyrigths - Protegido por direitos autorais</p>
    </footer>
</body>
</html>

css

body {
    background-color: #000;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    padding: 30px 0 0 30px;
}

a {
    color: #74c716;
}

h1 {
    font-size: 70px;
    letter-spacing: 10px;
    margin-bottom: 90px;
}

h2 {
    font-weight: lighter;
}

main p {
    font-size: 30px;
    letter-spacing: 5px;
}

strong, span {
    font-weight: bold;
    color: #74c716;
}

img {
    width: 10%;
    border-radius: 100%;
}

footer {
    margin-top: 20px;
    background-color: #181818ab;
    display: flex;
    justify-content: space-between;
}