body {
    color: var(--color-black);
    background-color: var(--color-white);
}

.site {
    display: flex;
    flex-direction: column;
}

.site-main {
    flex-grow: 1;
    padding-block-start: 7.625rem;
    /*transition: padding 350ms cubic-bezier(.24, .28, .63, 1);;*/
}

@media (min-width: 576px) {
    .site-main {
        padding-block-start: 7.875rem;
    }
}

@media (min-width: 992px) {
    .site-main {
        padding-block-start: 10rem;
    }
}