@font-face {
    font-family: 'caveat';
    src: url('/font/Caveat-Regular.ttf') format('truetype'); 
    /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  


      

/* HOVER MENUS */



.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}



.dropdown-content a {
  color: black;
  padding: 0 16px;
  text-decoration: none;
  display: block;
}


.dropdown-content a:hover {background-color: #ddd;  font-style:italic;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}


    
        .tab div {
    display: none;
      z-index:20;
}

.tab div:target {
    display: block;
     z-index:30;
  
}
  .tab2 div {
    display: none;
    z-index:-10;
    position:fixed;
width:100%;
  height:100%;
  
  background-color:lightgrey;
  opacity:0.8;
  left:0;
  top:0;
}


.tab2 div:target {
    display: block;
  
}