Nao entendi como mudou a cor de fundo e como surgiu mais duas linhas de codigos

Oi Caroline tudo bem?

As cores de fundo vem do arquivo site.css das linhas que começam com background-color, o elemento que elas se aplicam é o que está antes da chave.

O primeiro background-color: #F2FFFC; se refere a cor branco gelo e está aplicado ao elemento body ou seja a página toda.

O segundo é background-color: #851944; se refere a cor rosa escuro e está aplicado ao elemento h1 que é os cabeçalhos de nível 1, como está declarada depois ela sobrescreve toda a cor do elemento body onde tenha um elemento h1.

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

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

h1 {
    text-align: center;
    background-color: #851944;
    color: #FFF;
}

p {
    text-align: justify;
}

Espero ter ajudado!!!