[09 Mão na massa] | HTML e CSS: Classes, posicionamento e Flexbox

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

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Novaatividade</title>
    <link rel = "stylesheet" href = "style.css"
</head>
<body>
   <main> 
    <h1>Blog Feminices  <strong class = "titulo-blog">Dicas de maquiagem </strong> </h1>
    <h2> Automaquiagem: principais dicas para quem está começando </h2>
    <p> Descubra quais são os principais <strong class ="paragrafo1">truques de automaquiagem</strong> e veja tudo o que você precisa para começar a se maquiar sozinha!</p>
    <img src = "maquiagem-de-natal_e377b685-3162-4db0-b001-5b1b0ed8d2aa_1100x.png" alt : Maquiagem de natal>
    <p> Muitas pessoas acabam deixando de usar maquiagem por <strong class="paragrafo2">não</strong> saber usar os produtos corretamente. </p> 
        <p>É fato que se maquiar sozinha pode ser uma tarefa difícil, </p>
        <p>mas com a prática você começa a aprender os truques para aplicar a make na sua pele da melhor forma. </p>
        <p>Para te ajudar nisso, trouxemos algumas dicas de automaquiagem para quem está começando.  Vem conferir! </p>
        <ul> VEJA MAIS 
           <li> Maquiagem masculina : Dicas básicas </li> 
           <li> Mitos e verdades sobre maquiagem </li>
           <li> Tutorial e inspirações de maquiagem para o trabalho </li>
            
            <ul>


</main>

<footer></footer>
    
    
</body>
</html>

* {
    margin: 0 ;
    padding: 0 ;
}
body {
    background-color: pink;
}
.paragrafo1 {
    color: rgb(233, 34, 143)
}
.paragrafo2 {
    color: red
}
.titulo-blog {
    color: rgb(198, 41, 106) 
}

p {
    margin : 20px;
    border :1px; 
    padding: 1px;
}
h1 {
    margin : 20px;
    border :1px; 
    padding: 1px;
}
h2 {
    margin : 20px;
    border :1px; 
    padding: 5px;
}
ul {
    margin : 30px;
    border :1px; 
    padding: 1px;

}