@media (prefers-color-scheme: dark) {
  body {
    background-color: #030319;
    color: #c107f9;
  }

  a {
    color: #c107f9;
  }
}

@media (prefers-color-scheme: light) {
  body {
    background-color: #b508b4;
    color: #fafdfc;
  }

  a {
    color: #fafdfc;
  }
}

body {
    font-size: 125%;  
    line-height: 1.5;  
    margin: 0 auto;
}

img {
    max-width: 100%;
    height: auto;
}

#content {
    margin-left: 160px;
    padding: 0px 10px;
}

/* For mobile */
@media screen and (max-width: 768px) {
    .sidenav {
        display: none;
    }

    .sidenav_mobile {
        display: block;
    }

    #content {
        margin-left: 0px;
    }
}

/* For normal screens */
@media screen and (min-width: 769px) {
    .sidenav_mobile {
        display: none;
    }
}

.sidenav {
    height: 75%;
    width: 160px;
}

.sidenav a {
    padding: 6px 8px 6px 16px;
    display: block;
}

.badge{
    display: inline;
    text-decoration: none;
}