<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
    --max: 1200px;
    --font50: 50px;
    --font48: 48px;
    --font36: 36px;
    --font32: 32px;
    --font30: 30px;
    --font22: 22px;
    --font20: 20px;
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    --top100: 100px;
    --top50: 50px;
    --top30: 30px;
    --top20: 20px;
    --top15: 15px;
}

@media screen and (max-width: 1450px) {
    :root {
        --max: calc(100% - 30px);
        --font36: 30px;
        --font30: 25px;
        --font22: 18px;
        --font20: 18px;
        --font18: 16px;
        --font16: 14px;
        --font14: 12px;
        --top100: 80px;
        --top50: 50px;
        --top30: 20px;
    }
}

@media screen and (max-width: 1200px) {
    :root {
        --font50: 35px;
        --font48: 33px;
        --font36: 25px;
        --font32: 23px;
        --font30: 22px;
        --font22: 16px;
        --font20: 16px;
        --font18: 14px;
        --font16: 12px;
        --font14: 10px;
        --top100: 50px;
        --top50: 40px;
        --top20: 10px;
    }
}

@media screen and (max-width: 992px) {
    :root {
        --font50: 25px;
        --font48: 25px;
        --font36: 20px;
        --font32: 18px;
        --font30: 18px;
        --font22: 16px;
        --font20: 14px;
        --font18: 12px;
        --font16: 12px;
        --font14: 10px;
        --top100: 30px;
        --top50: 25px;
        --top30: 15px;
        --top15: 10px;
    }
}</pre></body></html>