:root {
    /* Global Sizing base*/
    --size-1: 0.25em;
    --size-2: 0.5em;
    --size-3: 0.75em;
    --size-4: 1em;
    --size-5: 1.25em;
    --size-6: 1.5em;
    --size-7: 1.75em;
    --size-8: 2em;
    --size-9: 2.25em;
    --size-10: 2.5em;
    --size-11: 2.75em;
    --size-12: 3em;
    --size-13: 3.25em;
    --size-14: 3.5em;
    --size-15: 3.75em;
    --size-16: 4em;
    /* slide animation */
    --slide-landing-image-width: 320px; /* 16:9 */
    --slide-landing-image-height: 180px; /* 16:9 */
    --slide-landing-image-height-half: 90px; /* for half image slide */
    --slide-landing-left-start: -160px; /* Half of -320 */
    --slide-landing-left-end: 50%;
    --slide-landing-right-start: -480px; /* -320 - 160 (half) = 480 */
    --slide-landing-right-end: calc(50% - 320px);
    --slide-landing-half-vertical-offset: 45px;
    --slide-landing-fly-in-seconds: 2s;
    --slide-landing-fly-in-seconds-ending: 2s;
    --slide-landing-border-radius: 8px;
}