/*
   navigation CSS
*/    

:root
{
 --candyred:        #F5876E;
 --candydarkred:    #E77969;
 --candyblue:       #62A9DC;
 --candydarkblue:   #549BCE;  
 --candygreen:      #8EBD40;
 --candydarkgreen:  #81B033;
 --candypurple:     #988CC3;
 --candydarkpurple: #8A7EB5;
 --candysand:       #D8C86E;
 --candydarksand:   #CABA60;
 --candygrey:       #ddd;
 --candydarkgrey:   #ccc; 
}

.ppnavbuttons
{
 padding: 0px 15px 10px 20px;  
}
  
.navbutton
{
 background-color: #C7F7F8;
 border-radius: 8px;
 color: black;
 padding: 3px 10px 3px 10px;
 margin: 0 10px 2px 0;
 font-size: 13px;
 border: none;
 cursor: pointer; 
 box-shadow: 2px 2px 3px 0 rgb(0, 0, 0, 0.2);
}    
.navbutton:hover { background-color: #B7E3E4; }