*{
    
    --palletColor1 : #282B57;
    --palletColor2 : #443482;
    --palletColor3 : #703E9C;
    --palletColor4 : #C2469D;
    --palletColor5 : #E35F8D;
    --palletColor6 : #EB7A7E;
    --palletColor7 : #F59182;
    --palletColor8 : #FAB88E;
    
    --lavenderShade1 : #777696;
    --lavenderShade2 : #695887;
    
    --sectionTitleColor: #d0bcff;
}

nav
{
    grid-area: navbar;
    /*height: max-content;*/
    
    padding: 8px;
    
    background-color: lavender;
    border-width: 3px;
    border-radius: 5px;
    border-style: solid;
    border-color: rebeccapurple;
    
    overflow-y:auto;
    overflow-x:hidden;
    max-height: 700px;
}

nav li
{
    list-style-image: url("https://i.imgur.com/PFJ9KCl.gif");
    padding-inline-start: 1ch;
}

#nav-title
{
    /*font-family: starborn;*/
    /*font-family: "Verdana";*/
    font-family: "Mochi Boom DEMO";
    
    font-size: large;
    letter-spacing: 2px;
    text-align: center;
    
    padding: 0.016px;
    
    color: var(--palletColor3);
    /*color: var(--palletColor2);*/
    /*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px  #000;*/

    /*
    border-radius: 50px;
    border-width: 5px;
    border-color: var(--palletColor1);
    
    background-color: var(--palletColor8);
    background-size:cover;
    */
}