body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  }
  
  .geek-grid {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(3, 1fr);
  }
  
  @media (max-width: 800px) {
    .geek-grid {
      grid-template-columns: repeat(1, 1fr);
    }
  }
  
  li {
    padding-bottom: 0.5rem;
  }
  
  nav a:visited, nav a:link {
    text-decoration: none;
    color: blue;
  }
  
  a[href*="/source/"] {
    text-decoration: none;
    color: black;
  }
  
  @media (prefers-color-scheme: dark) {
    body {
      background-color: #000;
      color: #e8e6e3;
    }
  
    nav a:visited, nav a:link {
      color: #3391ff;
    }
  
    a:link {
      color: #3391ff;
    }
  
    a:visited {
      color: #ba55d3;
    }
  
    a[href*="/source/"] {
      color: white;
    }
  }