*{
    margin: 0;
    padding: 0;
}
body{
    background-color: #333646;
    font-family: 'Rubik';
    color: #E1DFDE;
    font-size: 16px;
}

/* modifica scrollbar */

/* html::-webkit-scrollbar{
    width: 8px;
}
html::-webkit-scrollbar-track{
    background-color: #e1dfde94;
    border-radius: 10px;
    
}
html::-webkit-scrollbar-thumb{
    background-color: #EF476F;
    border-radius: 10px;
    
} */


.tagGrafici{
    font-family: 'La Belle Aurore', cursive;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
}

/* Barra di navigazione */
#barraNavigazione{
    background: #252734;
    position: fixed;
    top:0;
    width: 100%;
    height: 85px;
    display: grid;
    grid-template-columns: repeat(8,1fr);
    grid-template-rows: 1fr 1fr 1fr;
    z-index: 99;
}
.navGraficoInizio{
    display: grid;
    grid-column: 2;
    justify-content:center;
}
.navGraficoFine{
    display: grid;
    justify-content:center;
    grid-column: 7;
    grid-row: 3;
}
nav ul{
    font-size:1.5em ;
    font-family: 'Rubik';
    font-weight: 400;
    list-style-type: none;
    grid-row: 2;
    grid-column: 2/ span 6;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    justify-items: center;
}
nav ul li a {
    text-decoration: none;
    color: #FFFFFF;
}
.doveTiTrovi{
    color:#FEC35B;
    cursor: default;
  }
/* Fine Barra di navigazione */

.sottolineatura{
    background-color: #08FDD8;
    z-index: -1;
}

/* MEDIA QUERIES */

@media (max-width: 800px) {
    .navGraficoInizio{
        grid-column: 1;
    }
    .navGraficoFine{
        grid-column: 8;
    }
    #barraNavigazione{
        height: 60px;
    }
    nav ul{
        grid-column: 1/ span 8;
    }
}
@media (max-width: 1200px) {
    body {
        font-size: 12px;
    }
    #barraNavigazione{
        height: 60px;
    }
    @media(max-width:650px){
        nav ul{
            display: flex;
            justify-content: space-around;
        }
        #navAbout,#navSkill{
            display: none;
          }
    }
}