[Projeto] Lista de exercícios | HTML e CSS: cabeçalho, footer e variáveis CSS

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>HTML e CSS</title>
</head>
<body><main class="apresentacao">
    <section class="apresentacao__conteudo">
        <h1 class="apresentacao__conteudo__titulo"><strong>Lipsum dolor sit amet. </strong></h1>
        <p class="apresentacao__conteudo__urgente"> ATTENZIONE!!Rem doloribus adipisci qui dolore repellendus et optio adipisci est minus quod. Non saepe maxime ex doloremque dolor aut molestias quis. Aut impedit quidem qui autem repellendus eum excepturi commodi et voluptatem architecto a molestiae quisquam quo quae optio qui officiis accusantium!</p> 
        <p class="apresentacao__conteudo__textodestaque">Et reprehenderit sequi est galisum reiciendis in possimus accusamus id vero dignissimos. Eum dolorum suscipit sit accusamus voluptas aut totam quisquam. Sit nulla eius est eaque quod est exercitationem magnam. Et facere cumque et error minus a similique reprehenderit. Id aspernatur facere ea omnis sunt ut deleniti inventore aut odio ducimus sit porro corporis. </p>
        <div class="apresentacao__links">
        <h2 class="apresentacao__links__subtitulo"> Acesse minhas redes:</h2>
            <a class="apresentacao__links__link" href="https://instagram.com/marichaconn">Instagram</a>
            <a class="apresentacao__links__link" href="https://github.com/mhchacon">GitHub</a>
        </div>

    </section>
    <div>
    <img class="Imagem" src="Imagem.jpg" alt="Foto de carlos sainz">
    </div>
</main>
    
</body>
</html>

*{
    margin: 0px;
    padding: 0px;
    border: 0px;
    content: 0px;

}

body{
    display: flex;
    height: 100vh;
    box-sizing: border-box;
    background-color: #260101;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;

}
.apresentacao__conteudo__titulo{
    font-family: "Krona One", sans-serif;
    font-size: 36px;
    color: #F29F05;
}
.apresentacao__conteudo__textodestaque{
    font-family: "Montserrat", sans-serif;
    width: 615px;
    height: 482px;
    color: #A68729;
}
.presentacao__conteudo__urgente{
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    color: #A60303;
}
.apresentacao{
    justify-content: space-between;
    align-items: center;
    display: flex;
    margin: 10%;
}
.apresentacao__links{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}
.apresentacao__links__subtitulo{
    font-family: 'Krona One', sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #A68729;
}
.apresentacao__links__link{
    
    width: 380px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    padding: 21.5px 0px;
    text-decoration: none;
    color: #F6F6F6;
    font-family: "Montserrat Alternates", sans-serif;
    font-weight: 600;
    border: 2px solid #F6F6F6;
}