.header {
  background-color: #ffffff;
  border-style: solid;
  border-color: #ffffff;
  border-width: 2px;
  overflow: hidden;
  color: #ff9900;
  font-family: stencil, sans-serif;
  font-size: 6px;
}
.header h1 {
  color: #ff9900;
  font-size: 72px;
  font-weight: bold;
  text-align: center;
}

.header button {
  width: 100%;
  font-family: stencil, sans-serif;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  padding: 8px 8px;
  background-color: #800080;
  color: #ffa500;
}

.header p {
  width: 100%;
  height: 100%;
  font-family: stencil, sans-serif;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  padding: 8px 8px;
  background-color: #ffa500;
  color: #800080;
}

.topnav {
  background-color: #800080;
  overflow: hidden;
  border-style: solid;
  border-color: #ffa500;
  border-width: 1px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  width:100%;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #ffa500;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  border-style: solid;
  border-color: #ffa500;
  border-width: 1px;
  font-weight: bold;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ffa500;
  color: #800080;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #ffa500;
  color: #800080;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

 /* The sidebar menu */
.sidenav {
  float: left;
  background-color: #800080;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  width: 15%;
}

/* The navigation menu links */
.sidenav a {
  display: block;
  color: #ffa500;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  border-style: solid;
  border-color: #ffa500;
  border-width: 1px;
  font-weight: bold;
  }
  
/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  background-color: #ffa500;
  color: #800080;
}

.content {
  float: right;
  background-color: #ffffff;
  overflow: hidden;
  color: #800080;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  width: 85%;
}

/* Clear floats after the columns */
section::after {
  content: "";
  display: table;
  clear: both;
}

.fullcontent {
  float: right;
  background-color: #ffffff;
  overflow: hidden;
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  width: 100%;
}
.footer {
  background-color: #800080;
  border-style: solid;
  border-color: #ffa500;
  border-width: 2px;
  overflow: hidden;
  color: #ffa500;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}