:root {
    --background:#0a0b0a;
    --foreground:#82b855;
    --foreground-alt:#0a0b0a;
    --module-fg:#f5f5f5;
    --primary:#3d4c40;
    --secondary:#336123;
    --alternate:#39640f;
  }

  html {
      font-size: min(max(1rem, 4vw), 16px);
  }
  
  body {
    background-color:var(--background);
    color:var(--foreground);
    font-family: 'Comic Sans MS';
    font-smooth: never; -webkit-font-smoothing : none;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 30px;
  }

  .wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding-top: 30px;
  }

  .info-window {
    width: 790px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .info-window fieldset {
    border-color: var(--primary);
    margin-bottom: 9px;
    padding: 10px;
    padding-block-start: 8px;
    margin: 0px;
  }

  .info-window ul {
    padding-left: 0px !important;
    margin: 0px !important;
  }

  @media screen and (max-width: 1321px) {
    .info-window {
      display: block !important;
      margin: 10px auto;
      max-height: calc(100vh - 80px);
      overflow-y: auto;
      max-width: 100vw;
      width: 100vw !important;
    }
  }

  .badge-link {
    width: 88;
    height: 31;
  }