/* 
    Created on : May 8, 2023, 11:52:44 PM
    Author     : ebelloma
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');

:root {
    --MAX_DISPLAY_SIZE: 1280px;
}

html,body {
    margin: 0px; padding: 0px;
    z-index: 1;
}
html {
    height: 100%;
    min-width: 250px; overflow: auto;
    background-color: rgba(122,122,255,1);
    background-repeat: no-repeat;
}
body {
    /* background-color: transparent; */
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(122,122,255,1) 100%);
    background-position-y: 80px;
    font-family: "Open Sans", sans-serif; /* Helvetica */
    word-spacing: normal; letter-spacing: normal;
    /*padding-top: 100px;*/
    font-size: 18px;
}
h1,h2,h3,h4 {
    margin: 0;
}

#HEADER {
    position: sticky; width: 100%; top: 0px;
    height: 99px;
    font-family: "Montserrat", sans-serif;
    z-index: 10;
    color: white !important; background-color: white;
    font-size: 14px;
    /*box-shadow: 0px 2px 4px grey;*/
}
#HEADER_main {
    /*left: 50%; transform: translateX(-50%);*/
    margin: 0px auto;
    max-width: var(--MAX_DISPLAY_SIZE);
    font-size: 1.1em;
    position: relative;
}

#FOOTER {
    color: white; background-color: rgba(122,122,255,1);
    z-index: 10;
}
#FOOTER_main {
    z-index: 10;
    margin: 0px auto;
    max-width: var(--MAX_DISPLAY_SIZE);
    font-size: .9em;
}

#CONTAINER {
    z-index: 1;
    margin: 0px auto;
    max-width: var(--MAX_DISPLAY_SIZE);
}