html, body{
  height: 100dvh;
}
body {
    /* 		font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial, sans-serif; */
    /* 		background: black; */
    /* 		color: white; */
    /* font-size: 0.7rem; */
    /* color: rgba(0, 0, 0, 0.8); */
  }

  body, body *{
    /* font-family: system-ui, sans-serif; */
    /* font-weight: normal; */

    font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;

  }

  body {
    font-weight: normal;
  }

  a{
    color: black;
  }
  a:hover{
    /* color: white; */
    /* background-color: black; */
    /* text-decoration: none; */
    /* background-color: lime; */
    /* background-color: aquamarine; */
    /* background: rgba(0,0,0,0.1); */
  }

  .mono {
      font-family: Andale Mono, AndaleMono, Menlo-Regular, monospace;
  }

  .pancake {
    display: grid;
    grid-template-rows: auto 1fr auto;
  }

  .ref-links a {
    display: block;
    margin-bottom: 0.1rem;
    padding: 0.25rem;
    text-decoration: none;
  }

  .ref-links a,
  .ref-links a:visited {
    color: black;
  }

  .ref-links a:hover {
    background: white;
    /* 		color: rgba(0,0,0,0.9); */
  }

  .bg-cyan {
    background: aquamarine;
  }

  ::selection {
    background: rgba(0, 0, 00.8);
    color: white;
  }

  ::-moz-selection {
    background: #ffb7b7;
    /* Gecko Browsers */
  }

  .hover-underline:hover {
    text-decoration: underline;
  }




  nav a:hover {
    /* background: #fff; */
    border-bottom: 2px solid black;
    /* border-bottom: 2px solid #aefcee; */
  }

  nav a.current {
    /* background: black; */
    /* color: white; */
    /* text-decoration: underline; */
    border-bottom: 2px solid black;
  }


  /* a.header-bug:hover {
    text-decoration: none;
  } */
  .header-bug img{
    filter: saturate(75%);
  }
  .header-bug:hover img{
    filter: saturate(100%);
  }




    table.projects-table {
      width: 100%;
      border-collapse: collapse;
    }
  
    table.projects-table thead {
      /* border-bottom: 1px solid rgba(0,0,0,0.5); */
    }
  
    /* .projects-table tbody tr{ */
    table.projects-table tr {
      border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    }
  
    table.projects-table td,
    table.projects-table th {
      padding: 1rem;
    }
  
    table.projects-table tr:hover td {
      background: rgba(255, 255, 255, 0.1);
    }



    .grid-gallery {
      padding: 0.25rem;
    }
  
    .grid-gallery img {
      display: block;
    }
  
    .grid-gallery .image-container {
      padding: 0.25rem;
    }




.hover-bg-black-05:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* .hover-db:hover {
  display: block !important;
} */