nav {
    margin-bottom: 2rem;
}

img {
    max-width: 100px;
    max-height: 100px;
}

main {
    min-height: 300px;
    color: black;
}

main.empty {
    color: darkgray;
    text-align: center;
    font-size: larger;
}

main.empty h2 {
    font-size: xx-large;
}

h2 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

@media (prefers-color-scheme: dark) {
    html { 
      filter: invert(100%); 
    }
  
    img { 
      filter: invert(100%); 
    }
  }