@media (prefers-color-scheme: dark) {
    body {
      background-color: #444;
      color: #e4e4e4;
    }
    a {
      color: #e39777;
    }
    th,td,td{
        color: #e4e4e4;
    }
    .nav-link{
        color: #e4e4e4;
    }
    .nav-link:hover{
        color: #e39777;        
    }
    img {
      filter: grayscale(30%);
    }
  }
@media screen and (max-width: 520px) {
    tbody {
        font-size: 0.7rem;
    }
    p{
        font-size: 0.8rem;
    }
    .form-select{
        font-size: 0.8rem;
        height: 3rem;
    }
    .nav-link{
      font-size: 0.8rem;      
    }
}