@font-face {
  font-family: 'AkzidenzGrotesk';
  src: url("/static/fonts/AkzidenzGroteskBQ-BdCndAlt.eot");
  src: url("/static/fonts/AkzidenzGroteskBQ-BdCndAlt.eot?#iefix") format("embedded-opentype"), url("/static/fonts/AkzidenzGroteskBQ-BdCndAlt.woff2") format("woff2"), url("/static/fonts/AkzidenzGroteskBQ-BdCndAlt.woff") format("woff"), url("/static/fonts/AkzidenzGroteskBQ-BdCndAlt.ttf") format("truetype"); }

@font-face {
  font-family: 'Austin-Roman';
  src: url("/static/fonts/Austin-Roman.eot");
  src: url("/static/fonts/Austin-Roman.eot?#iefix") format("embedded-opentype"), url("/static/fonts/Austin-Roman.woff2") format("woff2"), url("/static/fonts/Austin-Roman.woff") format("woff"), url("/static/fonts/Austin-Roman.ttf") format("truetype"); }

* {
  margin: 0;
  padding: 0; }

html,
body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

body {
  background: #050f18; }
  body.is-fonts-loading::before, body.is-fonts-loading::after {
    content: 'Test';
    font-family: 'Austin-Roman';
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    background: #ff0000;
    z-index: 9;
    visibility: hidden; }
  body.is-fonts-loading::after {
    font-family: 'AkzidenzGrotesk';
    top: 200px;
    background: #ffff00; }

canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.video {
  position: absolute;
  left: 0;
  z-index: 0; }

/*# sourceMappingURL=main.37d53b7813a5aef0e939a7767513cc0d.css.map*/