:root {
    --gray: #DDD;
    --white: #ffffff;
    --black: #000;
    /* --selected: #ef3342; */
    --selected: #ff3737;
    --selected-transparent: #ffebeb;
    --selected-dark: #ce2f2f;

    --selected-focus:#ef334255;
    --scroll-arrow: #f20116;;

    /* --notselected:#33b551; */
    /* --notselected-focus:#33b55155; */
    --notselected:--white;
    --notselected-focus:rgb(228, 228, 228);

    --column-width:600px;
   
    --button-size:2.5rem;
    --link-size:3rem;
    --line-height:3.8rem;
    --body-font-size:3.5rem;
    --h2-font-size:3.5rem;
    --h1-font-size:2.5rem;
    --h3-font-size:2.5rem;
    --nav-font-size:2.2rem;
    

}
@media all and (max-width: 1400px) {
   :root{
       /* --line-height:3rem; */
       /* /* --body-font-size:3.2rem; */
       --body-font-size:2.5rem; 
       --h1-font-size:1.8rem;
       --h3-font-size:1.8rem;
       --h2-font-size:2rem;
       --nav-font-size:2rem;
       --button-size: 2.6rem;
       --line-height: 2.8rem;
   } 
}
@media all and (max-width: 1200px) {
    :root{
        /* --line-height:2rem; */
        --body-font-size:2.5rem;
        --h1-font-size:1.8rem;
        --h3-font-size:1.8rem;
        --h2-font-size:2.5rem;
        --nav-font-size:1.7rem;
    } 
}
@media all and (max-width: 1000px) {
    :root{
        --column-width:330px;
        /* --body-font-size:2rem; */
    }
}