:root {
--accent: #881212;
--accent-bg: #f9f0f0;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: light;
  }
}
h1, h2, h3 {
font-family: "Alegreya", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
color: #881212;
margin-bottom: 0px;
}
h2 {
font-size: 2rem;
color: #955;
}
h3 {
color: #944;
}
nav {
font-family: "Lexend", sans-serif;
font-weight: 450;
}
header a {
font-size: 0.9rem;
}
nav a {
font-size: 1rem;
}
body {
font-family: "Lexend", sans-serif;
font-optical-sizing: auto;
font-weight: 350;
font-style: normal;
}
body > header {
padding-bottom: 0.5rem;
}
h4 {
text-align: center;
border-radius: var(--standard-border-radius);
background-color: var(--accent-bg);
border: var(--border) solid var(--border-width);
font-family: sans-serif;
padding: 0.5rem;
}
ul {
padding-top: 0px;
}
p {
margin-bottom: 0px;
}
body {
padding-bottom: 2rem;
}