body {
  background-color: LemonChiffon;
  color: black;
  font-family: "Courier New";
}

a:link, a:visited {
 color: DarkGoldenRod;
}

a:hover, a:active {
  color:DarkGoldenRod;
}

button {
  border: 2px solid khaki;
  border-radius: 5px;
  background-color: Khaki;
  color: black;
  font-family: "Courier New";
  padding: 6px 8px;
  font-size: 16px;
  }
  
button:hover, button:active {
  border: 2px solid GoldenRod;
  background-color: GoldenRod;
  color: black;
  padding: 6px 8px;
  font-size: 16px;
  }
  
.button {
  border: 2px solid khaki;
  border-radius: 5px;
  background-color: Khaki;
  color: black;
  padding: 6px 8px;
  font-size: 16px;  
  text-decoration: none;
    }
    
.button:hover, .button:active {
  border: 2px solid GoldenRod;
  background-color: GoldenRod;
  color: black;
  padding: 6px 8px;
  font-size: 16px;
  }
  
table {
  border: 1px solid;
  width: 100%;
  border-collapse: collapse;
  }
  
th, td {
  border: 1px solid;
  }

.vertical-menu {
border: 2px solid khaki;
border-radius: 5px;
width: 90%;
z-index: 1;
background: khaki;
overflow: auto;
padding: 12px;
}

.vertical-menu a {
  background-color: khaki;
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none;
}

.vertical-menu a:hover, .vertical-menu a:active {
  background-color: GoldenRod;
}
  
.flex-container {
    display: flex;
    }
  
.flex-child {
    flex: 1;
    }

.topnav {
  border: 2px solid khaki;
  border-radius: 5px;
  background-color: khaki;
  overflow: auto;
}
  
.topnav a {
 float: left;
 color: black;
 text-align: center;
 padding: 18px;
 text-decoration: none;
 font-size: 18px;
}

.topnav a:hover, .topnav a:active {
  background-color: GoldenRod;
}

.sidenav {
border: 2px solid khaki;
border-radius: 5px;
width: 17%;
height: 95vh;
position: fixed;
z-index: 1;
top: 10px;
left: 10px;
background: khaki;
overflow: auto;
padding: 12px;
}

.sidenav a {
 padding: 12px 12px 12px 12px;
 text-decoration: none;
 font-size: 20px;
 color: black;
 display: block;
}

.sidenav a:hover, .sidenav a:active {
  background-color: GoldenRod;
}

.main {
  margin-left: 20%;
  padding: 12px;
}

.horizontal-menu {
  border: 2px solid khaki;
  border-radius: 5px;
  background-color: khaki;
  overflow: auto;
}
  
.horizontal-menu a {
 color: black;
 text-align: center;
 padding: 20px;
 text-decoration: none;
 font-size: 18px;
 display: inline-block;
}

.horizontal-menu a:hover, .horizontal-menu a:active {
 background-color: GoldenRod;
}