body {
  background-color: #ddddff;
  color: #4f417f;
}

/*
h1 {
  color: #00231c;
  margin-left: 20px;
}
*/

/*
p {
  margin: 35px;
  line-height: normal;
}
*/

 /* The sidenav */
.sidenav {
  height: 100%;
  width: 200px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #4f417f;
  color: #FFB01E;
  overflow-x: hidden;
  padding-top: 20px;
}

.sidenav a:link {
  color: #FFB01E;
}
.sidenav a:visited {
  color: #FFB01E;
}
.sidenav a:hover {
  color: #FFD29B;
}
.sidenav a:active {
  color: #FFD29B;
}


/* Page content */
.main {
  margin-left: 200px; /* Same as the width of the sidenav */
}