@media (prefers-color-scheme: light) {
  body {
    height: 100vh;
  }

  #tab-content section {
    display: none;
  }

  #tab-content section.is-active {
    display: block;
  }

  .footer{
    color:#aaaaaa;
    padding-bottom: 3em;
  }

  .footer a {
    color: #888888;
  }

  a{
    color: #888888;
    font-weight: bold;
  }

  #fixed-main-title {
      position: fixed;
      width: 100%;
      z-index: 1000; /* div on top of everyhing */
      background-color: #fafafa;
      border-bottom: solid 1px #aaaaaa;
      height:6em;
  }

  #main-page {
    padding-top:6em;
  }

}