Background CSS não funciona

Meu código CSS que foi introduzido no meu HTML não esta trazendo o background em minha pagina, tentei trazer o background como imagem e também como cor mais não foi possível, estou utilizando os navegadores Chrome e Mozilla, estou utilizando de forma privada/anonima e mesmo assim não funciona, alguém poderia me ajudar?

<style>

body {
    background-color: #F2FFFC;
    font-family: "Crimson Text", "Times New Roman", serif;
    font-size: 20px;
}

h1,h2 {
    font-family: "Open Sans Condensed", "Arial", sans-serif
}

main h1{
    font-size: 60px;
    background-color: #851944; 
    color: white;
    text-align: center;
    font-family: "Open Sans Condensed", sans-serif;
}
 h2{
    font-size: 40px;
    font-family: "Open sans Condensed", sans-serif;
}
p {
    text-align: justify;
}

</style>

<style>

body {
    background-color: #F2FFFC;
    font-family: "Crimson Text", "Times New Roman", serif;
    font-size: 20px;
}

h1,h2 {
    font-family: "Open Sans Condensed", "Arial", sans-serif
}

main h1{
    font-size: 60px;
    background-color: #851944; 
    color: white;
    text-align: center;
    font-family: "Open Sans Condensed", sans-serif;
}
 h2{
    font-size: 40px;
    font-family: "Open sans Condensed", sans-serif;
}
p {
    text-align: justify;
}

</style>