/*
  * To override CSS, you should create
  * project_root/assets/css/override.css
  * and place all your CSS inside it.
  * You should not modify this file.
  */

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

  body a {
    color: #809fff;
  }

  .content {
      background: #121212;
      box-shadow: 0 0.7rem 2.3rem 0 rgba(255,255,255,0.3);
  }

  .card-container {
      background: #121212;
  }

  .menu-container {
      color: white;
      background: #121212;
  }

  .nav-header {
      background:  #121212;
      color: white;
  }

  .nav-text{
      background:  #121212;
      color: white;
  }

  .blog-card {
      background:  #121212;
      color: white;
  }

  .blog-card h2{
      background:  #121212;
      color: white;
  }

  footer h3 {
      color: white;
  }

  .webring {
      background-color: #121212;
  }
}