:root {
    --page-width: 1728;
    --size: calc(100vw / var(--page-width));

    --red: #9a4434;
    --blue: #fff9ee;

    --gap: calc(30 * var(--size));

    --font-family: "GT Pressura Mono", sans-serif;
    --font-size-body: calc(16 * var(--size));
    --line-height-body: 1.5rem;

    --font-size-text: 0.875rem;
    --line-height-text: 1.4;

    --font-size-title: 8.75rem;
    --line-height-title: 8.75rem;

    --font-size-nav: 1.42rem;
    --line-height-nav: 1.42rem;
}

/* RESPONSIVE */
@media only screen and (max-width: 740px) {
    :root {
        --page-width: 390;

        --gap: calc(25 * var(--size));

        --font-size-title: 4.275rem;
        --line-height-title: 4.275rem;
    }
}