:root {
    --defaultFont: 'Roboto','Lucida Sans',sans-serif;
    --headlineFont: 'Grape Nuts';
    --sansFont: var(--defaultFont);
    --menuFont: var(--defaultFont);
    --defaultSize: 16px;
    --defaultWeight: 300;
    

    --h1fontsize: 1em;
    --h2fontsize: 1em;
    --h3fontsize: 1em;
    --h4fontsize: 1em;
    --h5fontsize: 1em;
    --h6fontsize: 1em;

    --body: #b9cfce;    
    --menu: #f19586;
    --menu80: rgba(241, 149, 134, 0.8);
    --menu30: rgba(241, 149, 134, 0.3);
    --text: #1a2740;
    --lightgrey: #dedede;

    --black: #000000;
    --black-5: rgba(0, 0, 0, 0.05);
    --black-15: rgba(0, 0, 0, 0.15);

    --white: #ffffff;
    --white-10: rgba(255,255,255,0.1);
    --white-40: rgba(255,255,255,0.4);



    --radius-xxsmall: 0.25em;
    --radius-xsmall: 0.5em;
    --radius-small: 0.75em;
    --radius-medium: 1em;
    --radius-large: 1.75em;
    --radius-xlarge: 2.5em;
    --radius-xxlarge: 3.125em;
    --radius-full: 999rem;

    --stageSmall: 560px;
    --stageMedium: 768px;
    --mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOTMuNTkgNDU2LjE1Ij4KICA8cGF0aCBkPSJNMCw0NTYuMTVoMjkzLjU5di0xNjEuODZoLTEzLjgybC0yOS42LDEwNy42Ny00MS4zLDIyLjI3LTE2OS42Ni05Ni45NUwuMDcsMjYxLjAybC0uMDcsMTk1LjEzWk0wLDB2MjA0LjUzTDQzLjczLDQ5bDQxLjMtMjIuMjcsMTY5LjY2LDk2Ljk2LDI1LjEsNDIuMzZoMTMuODFWMEgwWiIvPgo8L3N2Zz4=");

}