.dark-mode body {
  background-color: black;
  color: white;
  transition: ease-in-out 1s;
}

.dark-mode h1 {
  color: rgb(255, 255, 255);
}

.dark-mode .header {
  background-color: rgb(26 25 25);
  color: rgb(22, 255, 185);
}

.dark-mode .header__nav__menu a {
  color: rgb(22, 255, 185);
}

.dark-mode .header__logo {
  color: rgb(22, 255, 185);
}

@media screen and (max-width: 768px) {
  .dark-mode .panel {
    background-color: rgba(0, 0, 0, 0.625);
  }
  .dark-mode .header__nav__menu a {
    color: rgb(22, 255, 185);
  }
}