@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGU3moJow.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGUXmsJow.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGUgGsJow.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGU3msJow.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGU7GsJow.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGUAGwJow.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGUOWwJow.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGUXmwJow.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY9z_wNahGAdqQ43Rh_ebrnlwyYfEPxPoGUd2wJow.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nWNig.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K8nXNig.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32KxfXNig.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXNig.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXNig.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQNig.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QNig.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K8nQNig.ttf) format('truetype');
}
@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v24/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K-DQNig.ttf) format('truetype');
}
@font-face {
  font-family: Venera;
  src: url(../assets/Venera-100.otf);
  font-weight: 100;
}
@font-face {
  font-family: Venera;
  src: url(../assets/Venera-300.otf);
  font-weight: 300;
}
@font-face {
  font-family: Venera;
  src: url(../assets/Venera-500.otf);
  font-weight: 500;
}
@font-face {
  font-family: Venera;
  src: url(../assets/Venera-700.otf);
  font-weight: 700;
}
@font-face {
  font-family: Venera;
  src: url(../assets/Venera-900.otf);
  font-weight: 900;
}
body {
  background-color: #000;
  color: #fff;
  font-family: "Work Sans", sans-serif;
}
h3 {
  font-family: Venera, sans-serif;
  font-size: 1.25em;
}
h4 {
  font-size: 1.25em;
  color: #a79571;
}
#footer {
  text-align: center;
}
#footer span {
  font-family: Venera, sans-serif;
}
a {
  color: #a79571;
}
#logo {
  position: absolute;
}
.simrig {
  position: relative;
  margin-top: 6%;
  z-index: 2;
}
.simrig.smaller {
  padding-left: 5rem;
}
.tagline {
  position: absolute;
  margin-top: 20%;
  font-size: calc(1rem + 1vw);
  font-weight: 200;
}
.tagline.smaller {
  position: relative;
  margin-top: 0 !important;
  font-weight: 300;
  font-size: 1.5rem;
  text-align: center;
}
#header {
  margin: 2em 0;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#loader {
  display: none;
  font-family: Venera, sans-serif;
  padding: 1rem;
  position: absolute;
  top: 0;
  width: 100vw;
  text-align: center;
  height: 100vh;
  background-image: url(../images/logo_loader.png);
  background-repeat: no-repeat;
  background-position: center;
}
.loading {
  overflow: hidden;
}
.loading #loader {
  display: block;
}
.loading #content {
  visibility: hidden;
}
.init #loader {
  animation: fadein 0.5s ease-out;
}
#video {
  border: 1px solid #333;
  box-shadow: 0 0 16px #444;
  border-radius: 6px;
  overflow: hidden;
}
input {
  display: block;
}
input[type=submit] {
  border-radius: 1em;
  padding: 0.25em 3em;
  width: 24em;
}
input[type=email] {
  width: 24em;
  background-color: #333;
  border: 1px solid #666;
  box-shadow: 0 0 16px #666;
  color: #fff;
}
input[type=email]::placeholder {
  color: #ccc;
}
input[name=subject] {
  display: none;
}
#email.done .result {
  display: block;
}
form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.result {
  display: none;
  position: absolute;
  background-color: #000;
  left: 0;
  border: 1px solid #333;
  padding: 1em;
  border-radius: 6px;
}
@media (min-width: 960px) {
  .result {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .tagline {
    font-size: 2rem;
  }
  #email {
    position: absolute;
    z-index: 10;
    bottom: 0em;
  }
  form {
    display: block !important;
  }
}