DESAFIOS | HTML e CSS: Classes, posicionamento e Flexbox | Alura

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <style>
        
        h1 {text-align: center;}
        h2 {text-align: center;}
        
        </style>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel='stylesheet' href="style.css">
    <title> Noticía do dia</title>
</head>
<body>
    
    <header> CONECTADOS </header>

    <h1><strong class="titulo-blog">Brasil ganha medalha nas olimpiadas</strong></h1>

    <h2>medalha de ouro no vôlei de praia</h2>

    <img src="alisson_e_bruno.webp" alt="Vitória do Brasil na olimpiadas">

    <p>Foi hoje que o Brasil ganhou uma medalha de ouro nas<strong class="paragrafo-destaque"> olimpiadas</strong>
        , sendo mais específico no volêi de praia, aonde o Brasil conquistou com maestria uma medalha de ouro na
        modalidade, o Brasil avança nas olimpiadas junto de seus ganhos.

CSS

        .paragrafo-destaque{ color: blue;}
p {background-color: rgb(248, 236, 217);
    margin-top:35px;
    margin-bottom:50px;
    margin-right:0px;
    margin-left:120px ;
    letter-spacing: normal;
    padding-left: 60px;
    width: 1200px;
    position:relative;
    left:100px;
    right:100px;}

.titulo-blog {color: red;}
header {
    background-color: rgb(248, 236, 217);
    color: rgb(226, 78, 33);
font-size: 30px;
padding-left: 240px; }
img {position:relative;
    left:780px;
    right:250px;

}