body {
  background-color: #CF9FFF;
  color: black;
  font-family: Verdana;
  
}

/* Firefox */
html {
  scrollbar-color: #b981bc #fbd0fd;
}

/* Chrome, Edge, Safari, Opera */

::-webkit-scrollbar-track {
  background: #fbd0fd;
}
::-webkit-scrollbar-thumb {
  background-color: #b981bc;
  border-radius: 6px;
  border: 2px solid #fbd0fd;
}
::-webkit-scrollbar-thumb:hover {
  background-color: white;
}


/*//////////////////////Menu Classes///////////////////////////////////*/

.imgbox 
{
     display: grid;
     height: 100%;
     max-width:100%;
     justify-content: center;
     margin: auto
     
 }
 
.banner {
height:216Px;
width: 900px;
margin: auto;
margin-top:1%;
background-image:url("/IndexImages/header.png");
}

.navigation{
width: 92%;
height:45px;
margin: auto;
margin-top:167px; 
}

ul {
  list-style-type: none;
  display: flex;
}

li {
  padding: 10px;

}

.menu:hover {
  color: #b4aef8;
  text-decoration: underline;

}

.menu{
  font-size:20px;
  font-family: "Indie Flower", sans-serif;
  color: white;
  text-decoration: none;

  }
  
/*//////////////////////End Menu Classes///////////////////////////////////*/