body{
    background-color: #121212;
    background-size: cover;
    background-repeat: no-repeat;
}

h1 {
  color: #FFFFFF;
  font-family: Monospace;
  font-size: 48px
}

h2 {
  color: #FFFFFF;
  font-family: Monospace;
  font-size: 32px
}

h3 {
  color: #c355f5;
  font-family: Monospace;
  font-size: 20px

}

h4 {
  color: #FFFFFF;
  font-family: Monospace;
  font-size: 12px

}
p2 {
  color: #f1fa3c;
  font-family: Monospace;
  font-size: 16px
}
p {
  color: #FFFFFF;
  font-family: Monospace;
  font-size: 14px

}

a {
  color: #FFFFFF;
  font-family: Monospace;
  font-size: 14px

}

ol {
  color: #FFFFFF;
  font-family: Monospace;
  font-size: 14px

}

.container {
    display:flex;
    width: auto;
    height: auto;
    background-color: #202121;

}

.footer {
  position: relative;
  bottom: 0;
  width: 99%;
  text-align: center;
}

.content {
    width: auto;
    height: auto;
    margin: 0 160px;
    text-align: left;
    padding: 0 20px;

}
/* BODY HYPERLINKS */
.content a {
  text-decoration: none;
  font-size: 20x;
  color: #f1fa3c;
  display: block;
  font-family: Monospace;
}


/* The sidebar menu */
.sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 160px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #121212; /* Black */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;
  font-family: Monospace;
}

/* The navigation menu links */
.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: white;
  display: block;
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1fa3c;
}