html {
   font-size: 13pt;
   position: fixed;
   height: 100vh;
   width: 100vw;
   display: block;
}

body {
   font-family: "neue-haas-grotesk-display";
   font-feature-settings: "salt";
   background-color: black;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   background-position: top;
   margin: 0 0 0 0;
}
img {
   position: static;
   width: 100vw;
   height: 100vh;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   object-fit: cover;
   z-index: 0;
}
h1 {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   color: white;
   font-weight: 900;
   font-size: 4rem;
   letter-spacing: -0.15rem;
   text-shadow: 0.21rem 0.21rem 0.3rem rgba(0,0,0,0.4);
   margin-block-start: 0em;
   margin-block-end: -0.15em;
}
p {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   color: white;
   font-weight: 300;
   font-size: 1.3rem;
   letter-spacing: 0.15rem;
   text-shadow: 0.21rem 0.21rem 0.3rem rgba(0,0,0,0.4);
}
a {
   color: white;
   text-decoration: none;
   text-shadow: 0.21rem 0.21rem 0.3rem rgba(0,0,0,0.4);
}
a:hover {
   text-decoration: underline;
}
#david {
   top: 1.5rem;
   left: 1.5rem;
   position: fixed;
}
b {
   letter-spacing: -0.7rem;
}
@-moz-document url-prefix() {
 b {letter-spacing: -0.5rem;}
}
#credits {
   position:fixed;
   right: 1.5rem;
   bottom: 1.5rem;
   font-size: 1rem;
}
#links {
   position: fixed;
   bottom: 1.5rem;
   left: 1.5rem;
   display: flex;
   flex-direction: column;
   font-weight: 600;
   font-size: 2.3rem;
}
@media(max-width: 650px) {html{font-size: 10pt;} #credits{font-size: 1.3rem;}}
@media(max-width: 550px) {html{font-size: 8pt;} #credits{font-size: 1.5rem;}}
@media(max-width: 480px) {
   html{font-size: 7pt;}
   #wrapper480 {
      position: absolute;
      bottom: 1.5rem;
      left: 1.5rem;
      top: 1.5rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
   }
   #david {
      position: relative;
      top: auto;
      left: auto;
   }
   #credits {
      position: relative;
      bottom: auto;
      right: auto;
   }
   #links {
      position: relative;
      bottom: auto;
      left: auto;
   }
}
@media(max-width: 350px) {html{font-size: 6pt;}}
@media(max-width: 310px) {html{font-size: 5pt;}}
@media(max-height: 480px) {html{font-size: 10pt;}}
@media(max-height: 320px) {html{font-size: 8pt;}}