[Projeto] 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>
    <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><strong class="titulo-blog"> Blog Culinário </strong></title>
</head>
<body>
    <header> BlogCulinário </header>
    <h1><strong class="titulo-blog">Sobremesas Irresistíveis: Brownie de Chocolate com Nozes</strong></h1>
    <h2>O clássico brownie com um toque especial</h2>
    <img src="images.png" alt="Foto de Brownie">
    <p>Quem pode resistir a um <strong class="paragrafo-destaque">brownie de chocolate macio e cheio de sabor</strong>? Esta receita adiciona <strong class="paragrafo-destaque"> crocantes para um toque extra de textura e sabor.</strong>.Perfeito para qualquer ocasião, desde uma festa até um lanche da tarde, esses brownies são fáceis de fazer e sempre um sucesso.Sirva com uma bola de sorvete de baunilha para uma experiência ainda mais indulgente.
</body>
</html>

.paragrafo-destaque{ color:red;}
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: 1000px;
    position:relative;
    left:100px;
    right:100px;}

.titulo-blog {color: brown;}
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;

}