:root {
    --color-background: #f3eee8;
    --color-text: #333;
    --color-link: var(--color-text);
    --font-primary: Helvetica, sans-serif;
}

body {
    background-color: var(--color-background);
    margin: 0 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-primary);
}

a {
    color: var(--color-link);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.2rem;
}

h3 {
    font-size: 1.1rem;
}