body {
  background-color: blanchedalmond;
  color: rgb(22, 21, 27);
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

h1 {
  text-align: center;
  text-decoration: strong;
  color:darkslategrey; 
}

#box {
margin: 10px;
padding: 10px;
}

.picture {
    margin: 10px auto;
    width: inherit;
    display: block;
    border-radius: 5px;
    font-size: 10px;
    text-align: center;
    float: center;
}

.sidenav {
  height: 100%;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  background-color: plum;
  overflow-x: hidden;
  padding-top: 20px;
}

.sidenav a {
  display: block;
  color: rgb(255, 237, 247);
  padding: 14px 16px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
}

.sidenav a:hover {
  background-color: rgba(202, 164, 202, 0.993);
  color: white;
}

.topnav {
  background-color: darkolivegreen;
  overflow: hidden;
  left: 20%;
  padding: 0px;
}

.topnav a {
  float: right;
  display: block;
  left: 20%;
  color: antiquewhite;
  text-align: center;
  padding: 14px 16px;
  text-decoration: solid;
  font-size: 16px;
}

.topnav a:hover {
  background-color: rgb(125, 158, 86);
  color: white;
}

.topnav a.active {
  background-color: rgb(44, 61, 4);
  color: lightgoldenrodyellow;
}