/*  COLORs and PATTERNs ***************************************************** */
@CHARSET "ISO-8859-1";
:root {
    --base-light: rgba(232,242,255,1);
    --base-middle:rgba(24,98,212,1);
    --base-full:rgba(12,64,108,1);
    --base-full-light:rgba(12,64,108,0.4);
    --black:rgba(0,0,0,1);
    --white:rgba(255,255,255,1);
    --light-white:rgba(192,192,192,1);
    --shadow:rgba(152,172,192,1);
    --background:
        linear-gradient(
        35deg,
        var(--base-full) 0px,
        var(--base-full) 60%,
        var(--base-middle) 75%,
        var(--base-light) 85%,
        var(--base-full) 95%,
        var(--base-full) 100%
        );
    --back-light:
        linear-gradient(
        35deg,
        var(--base-middle) 0px,
        var(--base-full) 90%,
        var(--base-middle) 92%,
        var(--base-light) 95%,
        var(--base-full-light) 97%,
        var(--base-full-light) 100%
        );
    --button:
        linear-gradient(
        225deg,
        var(--base-full) 0px,
        var(--base-full) 12x,
        var(--base-middle) 14px,
        var(--base-middle) 14px,
        var(--base-light) calc(100% - 12px),
        var(--base-full) 100%
        );
    --fluid:rgba(255,255,255,0);
}