/* JavaScript nod Allowed */
.fade-in .content{
  opacity: 1;
}
nav{
  position: fixed;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #222831;
  }
   p{
    color: #ffffffd1;
  }
   nav {
    border-color: white;
  }
   nav ul a{
    color: white;
  }
   li.nav-item:hover .vertical.menu{
    background-color: #222831;
  }
   .background-white,  nav {
    background-color: #222831;
    color: white;
  }

   .background-blue {
    background-color: #393e46;
    color: white;
  }

   .box-home .box-title h2 a {
    color: white;
  }

   .box-home {
    border: 1px solid white;
  }

   .box-home img {
    filter: invert(1);
  }

   li {
    filter: invert(1);
    color: black;
  }

   #nav li {
    filter: none;
  }
   #footer{
    background-color: rgb(34 40 49);
    border-top: 1px solid #ffffffd6;
  }
   .footer h3{
    border-bottom: 1px solid #ffffff;
    color: white;
  }
   .footer a{
    color: white;
  }
}