/* Global Variables */
:root {
    /*  Colors */
    
       --color1: #1a1a1a; /* #2f2f2f; background */
       --color2: #e0e0e0; /*#f1f1f1; /* Text */
       --color3: #555; /*#71797E; */
       --color4: #888;  /*#C0C0C0; */
       --color5: #a83232; /*b74e4e; /* Borders*/
       --color6: #333; /* grey; */

    
    /*  Fonts */
    --font-primary:  'IBM Plex Mono';   
    --font-secondary: 'VT323';

    /*  Layout Defaults  */
    --border-radius: 0;
    --transition-speed: 0.5s;

    /* Font size */
    
    --fontsize-h1: 7rem;
    --fontsize-p: 1.25rem;
    --fontsize-h2: 5rem;
    --fontsize-h3: 2rem;

    --fontsize-tablet-h1: 7rem;
    --fontsize-tablet-p: 1.5rem;
    --fontsize-tablet-h2: 5rem;
}

@media (max-width: 768px) {
    :root {
        --fontsize-h1: 3rem;
        --fontsize-p: 0.85rem;
        --fontsize-h2: 2rem;
        --fontsize-h3: 1.25rem;
    }
}