/*This makes the background color light gray*/
body {background-color:#F5FFFA}

/* This makes the background of the navagation bar gray. */
.topnav {
  background-color: #8dffc6;
  overflow: hidden;}

/* This changes the words and icons in the navagation bar. */
.topnav a {
  float: left;
  display: block;
  color: #fff2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 18px;}

/* This changes the color of the boxes to a lighter gray when you hover over them. */
.topnav a:hover {
  background-color: #d9dad9;
  color: black;}

/* This shows what page you are activly on by it being a dark gray. */
.topnav a.active {
  background-color: #979997;
  color: white;}
 
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;}