@media (prefers-color-scheme: dark) { }

p, main, footer {
    font-family: "Source Sans 3", sans-serif;
}

body > header {
    padding: 2rem 0.5rem 2rem 0.5rem;
    background-color: var(--accent);
    color: #fff;
    font-weight: 600;
}

header > h1 {
    font-family: "Lora", serif;
    font-style: normal;
    font-size: 4rem;
}

header > h4 {
    font-family: "Source Sans 3", serif;
    font-style: normal;
    font-size: 2rem;
    font-weight: 400;
    margin: 1rem;
}

body > footer {
    margin-top: 2rem;
    font-size: 1rem;
}