/* Dimensions */
/* Colors */
/* Fonts */
/* --- Responsive --- */
/* Touchscreen */
.sidenav {
  display: none;
  flex-basis: 200px;
  margin-right: 1rem;
  border-right: 1px solid #e0e0e0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.sidenav a {
  display: block;
  padding: 0.33333333rem 0.66666667rem;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  color: #000000;
  font-weight: 400;
  opacity: 0.7;
}
.sidenav a:first-child {
  border-top: 1px solid #e0e0e0;
}
.sidenav a:hover,
.sidenav a.active {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .sidenav {
    display: block;
  }
}