1) Estilizando elementos com classes CSS

HTML

<p class="texto-destaque">Olá! Sou Benjamin Bonaita, desenvolvedor Front-end com especialidade em <strong>Javascript, IA, HTML e CSS.</strong> Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>

CSS

.texto-destaque {
    color: #FFEFD5;
}

2) Destacando títulos com CSS

HTML

<h1 class="titulo-blog">Eleve seu negócio digital a outro nível <Strong>com um Front-end de qualidade!</Strong></h1>``

CSS

.titulo-blog {
    color: #D2691E;
}

3) Estilos situacionais com classes CSS

HTML

    <p class="urgente">Anora é o filme vencedor do Oscar, desbancando grandes nomes como A Substancia e o aclamado Ainda Estou Aqui</p>

CSS

.urgente {
    color: #FF0000;
}

4) Entendendo e aplicando o reset CSS

CSS

* {
    margin: 0;
    padding: 0;
}

(a mesma imagem de cima)

5) Inspecionando elementos e entendimento do modelo de caixa

6) Aplicando o modelo de caixa na prática

CSS

* {
    margin: 0px;
    border: 2px solid;
    padding: 4px;
}