:root {
    --site-scale: 0.8;
    --site-scale-inverse: 1.25;
    --site-scale-width: 125%;
    --site-scale-offset: -12.5%;
}

html.site-scale-80 {
    overflow-x: hidden;
}

html.site-scale-80 body {
    overflow-x: hidden;
    width: var(--site-scale-width);
    min-height: 100vh;
    margin-left: var(--site-scale-offset);
    zoom: var(--site-scale);
}

@supports not (zoom: 1) {
    html.site-scale-80 body {
        transform: scale(var(--site-scale));
        transform-origin: top center;
    }
}

@media (max-width: 1024px) {
    html.site-scale-80 body {
        width: 100%;
        margin-left: 0;
        zoom: 1;
    }

    @supports not (zoom: 1) {
        html.site-scale-80 body {
            transform: none;
        }
    }
}