html {font-family:'Courier New', Courier, monospace;
      color: #fff;
      image-rendering: smooth;}

nav {border-bottom: solid 1px #fff;
     text-align: center;
     color: #fff}

.nav-item-wrap {display: inline-table;
                height: min-content;
                padding: 2.5px;
                margin-bottom: 10px;
                background-color: #000000aa;
                border: solid 1px #fff}

.nav-icon {height: 55px;
           vertical-align: middle;
           padding-right: 5.5px}

.current-page {background-color: #555}

.nav-multiword {display: inline-table;
                height: min-content;
                width: min-content;
                vertical-align: middle;
                margin-left: -2.5px}

.nav-item, .nav-item-current {display: inline-block;
                              font-size: 21px;
                              text-decoration-line: none}

a.nav-item:hover {background-color: #ffffff55}

h1, h2, h3 {text-align: center}

p {font-size: 25px;
   line-height: 1.42132}

li {line-height: 1.42132}

body {width: min(88%, 100vh);
      margin: 55px auto 0px auto;
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;}

footer {text-align: center;
        font-size: 14.2132px;
        border-top: double 1.42132px #fff;
        padding: 14.2132px 0px;
        margin-top: 25px;
        line-height: 1.42132;}

.content {font-family:'Times New Roman', Times, serif;
          max-height: 76.5vh;
          overflow: auto;
          scrollbar-color: #ffffff #ffffff55;
          padding: 0px 5.5px;
          background-color: #00000075}

.quotes {font-size: 20px;
         font-family: 'Courier New', Courier, monospace}

.small-text {font-size: 14.2132px}
.list-text {font-size: 25px}

.external-links {color: #ff0;
                 text-decoration: none}

a:link, a:visited {color: #0ff;
                   text-decoration: none;
                   font-family:'Courier New', Courier, monospace}

.lab-brief-desc {font-size: 14.2132px;
                 border-top: solid 1px #fff;
                 padding-top: 5.5px;}

.inline-tables {display: inline-table;
                width: min-content;
                height: min-content;
                margin: 11px 5.5px;
                padding: 5.5px;
                border: ridge 5.5px #fff;
                font-size: 20px;
                background-color: #00000075}

.inline-tables-hkfh {border: solid 1.42132px #fff;
                     min-width: 150px}
           
.inline-table-lists {text-align: center;}

.explainer-image {float: right;
                  padding: 5.5px}

.explainer-text {font-size: 14.2132px;
                 text-align: left;
                 padding-top: 5px;
                 border-top: dashed 1.42132px #fff}

.not-ccby {background-color: #ff000055;
           text-align: left;}

.seperator {border-top: solid 1.42132px #fff;
            padding-top: 5.5px}

.popup {display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #00000055}

.popup:target {display: flex;}

.popup-sources {margin: auto;
               background-color: #252525;
               padding: 0px 0px 0px 14.2132px;
               border: 2px #fff solid;
               width: 75%;
               box-shadow: 0px 0px 14.2132px 0px #000}

.close-popup {text-decoration: none;
              float: left;
              font-size: 55px;
              color: #fff;}

.popup-container {max-height: 90vh;
                  overflow: auto;
                  padding-right: 14.2132px}
            
.report-list {margin: 11px 5.5px;
               padding: 5.5px;
               border: solid 1.42132px #fff;
               border-collapse: collapse}

footer > div {margin-bottom: 14.2132px} 

@media (max-width: 100vh) {body {margin: 25px auto auto;}}
@media (max-width: 50vh) {p, h3 {font-size: 35px;}
                          .explainer-text, .quotes {font-size: 25px;}
                          ul {font-size: 25px;}
                          .small-text {font-size: 20px;}
                          h1, h2 {font-size: 45px}
                          .inline-tables {font-size: 30px}
                          .seperator {border-top: solid 2.5px #fff}
                          .nav-item-wrap {border: solid 2px #fff}
                          .popup-container {padding-right: 45px;}}