:root {
    --vh: var(--vh, 100vh);
    --dvh: var(--dvh, 100dvh);
}

/* --- Large Monitors (1600px - 1999px) --- */
@media (min-width: 1600px) and (max-width: 1999px) {
    :root {
        --vh: calc(100vh / 1.15);
        --dvh: calc(100dvh / 1.15);
    }
    html {
        zoom: 1.15;
        -moz-transform: scale(1.15);
        -moz-transform-origin: top center;
    }
    body {
        overflow-x: hidden;
    }
}

/* --- 2K Monitors (2000px - 2999px) --- */
@media (min-width: 2000px) and (max-width: 2999px) {
    :root {
        --vh: calc(100vh / 1.45);
        --dvh: calc(100dvh / 1.45);
    }
    html {
        zoom: 1.45;
        -moz-transform: scale(1.45);
        -moz-transform-origin: top center;
    }
    body {
        overflow-x: hidden;
    }
}

/* --- 4K Monitors (3000px+) --- */
@media (min-width: 3000px) {
    :root {
        --vh: calc(100vh / 1.8);
        --dvh: calc(100dvh / 1.8);
    }
    html {
        zoom: 1.8;
        -moz-transform: scale(1.8);
        -moz-transform-origin: top center;
    }
    body {
        overflow-x: hidden;
    }
}