/* scrollbar */
html {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
html::-webkit-scrollbar { 
    display: none;  // Safari and Chrome
}

/* browser navigation highlight */
*:focus {
    outline: 0;
    outline: none;
}

/* global color  
:root {
    --clr-dark: black;
    --clr-light: grey;
    --clr-accent: red;
}*/

/* global font-size */
:root {
    --fs_body: 1.06rem;
    --lh_body: 1.36em;

    --fs_head: 1.6rem;
    --lh_head: 1.36em;

    --fs_hero: 3.2rem;
}
/* phone */
@media (max-width: 2200px) {
:root {
    --fs_body: 0.90rem;
    --lh_body: 1.3em;

    --fs_head: 1.3rem;
    --lh_head: 1.3em;

    --fs_hero: 2.6rem;
    }
    .entry_text {
        top: calc(100px + 56px);}
}
    
    
    
body {
    margin: 0 auto;
    width: 90%;
    
    border: 1px solid var(--clr-accent);
    
    font-family: 'Atkinson Hyperlegible', sans-serif;
    font-weight: 400;
    font-size: var(--fs_body);
    letter-spacing: 0.00em;
}
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48;
    font-size: 140% !important;
    max-width: 0%;
    vertical-align: -28%; /*Change this to adjust the icon*/
}
h {
    font-family: "Roboto Mono", sans-serif;
}