:root {
    --page-spacer: calc(1rem * 1.25);
    --page-max-width: 120rem;
}
html {
    background-color: rgb(238, 238, 238);
}

body {
    max-width: var(--page-max-width);
    margin: 0 auto;
}

@media (min-width: 48rem) {
    :root {
        --page-spacer: calc(1rem * 1.25);
    }
}

@media (min-width: 48rem) {
    :root {
        --page-spacer: 1.875rem;
    }
}

@media (min-width: 62rem) {
    :root {
        /* --page-spacer: calc(1rem * 2.5); */
    }
}

@media (min-width: 87.5rem) {
    :root {
        --page-spacer: calc(1rem * 5);
    }
}

@media (min-width: 120rem) {
    :root {
        --page-spacer: calc(1rem * 6.125);
    }
}