body{
    top: 0%; left: 0%;
    margin-left: 0%;
    overflow-x: hidden;
    width: 100%; height: 100%;
    background-color: var(--themecol_sec);
}





    /* # Rule
    --text_col must negate --themecol_
    */
:root{
    
    /*
    //brighttonightgreen;
    --themecol_pri: black;
    --themecol_sec: #eeeeed;
    --themecol_ter: #23ebc3;
    --textcol_pri: #23ebc3;
    --textcol_sec: black;
    --textcol_ter: black;
    --glass: #23ebc322;
    */
    
    
    
    
    --nightred: #dc143c;
    --nightdim_red: #dc143c88;
    --nightglass_red: #dc143c11;
    --nightblue: #3c14bc;
    --nightdim_blue: #3c14bc22;
    --nightglass_blue: #3c14bc22;
    --nightgreen: #23ebc3;
    --nightdim_green: #23ebc322;
    --nightglass_green: #23ebc322;
    
    /*
    --themecol_ter: var(--nightdim_red);
    --textcol_pri: var(--nightred);
    --glass: var(--nightglass_red);
    
    --themecol_ter: var(--nightdim_blue);
    --textcol_pri: var(--nightblue);
    --glass: var(--nightglass_blue);
    */
    
    --themecol_ter: var(--nightdim_green);
    --textcol_pri: var(--nightgreen);
    --glass: var(--nightglass_green);
     
     
     
     
    --themecol_pri: black;
    --themecol_sec: #111112;
    --textcol_sec: white;
    --textcol_ter: white;
     
}



@font-face{
 src: url("../fonts/Karla-Regular.ttf");   
 font-family:primaryf;
}
@font-face{
 src: url("../fonts/SourceSansPro-Regular.ttf");   
 font-family:pregularf;
}
@font-face{
 src: url("../fonts/leaguespartan-bold.ttf"); 
 font-family:headerboldf;
}