/* Sizing */
body {
    --header-size: 40px;

    --wave-height: 100px;
    --wave-swing-height: 15px;
    --wave-swing-width: 50;

    --splash-font-size: 72pt;
    --splash-title-shadow-offset: -2.5px 2.5px;
    
    --section-title-size: 32pt;
    --section-titloffsete-shadow-offset: -2.5px 2.5px;
    --section-content-size: 12pt;
    --section-content-shadow-offset: -2px 2px;
    --section-content-max-width: calc(100% - 20px);
    --section-content-width: 400px;

    --footer-height: 100px;
}

/* Height Fitting */
@media screen and (max-height: 500px) {
    body {
        --wave-height: 70px;
    }
}
@media screen and (max-height: 250px) {
    body {
        --wave-height: 35px;
    }
}

/* Width Fitting */
@media screen and (max-width: 450px) {
    body {
        --splash-font-size: 36pt;
    }
}
@media screen and (max-width: 250px) {
    body {
        --splash-font-size: 24pt;
    }
}