@font-face {
  font-family: 'Fakt Hair';
  src: url(assets/55b61ffba3e67e32aea8887f18a0b29f.eot);
  src: url(assets/55b61ffba3e67e32aea8887f18a0b29f.eot?#iefix) format("embedded-opentype"), url(assets/c0060f2628569a20333ba334fd5e9ff2.woff) format("woff"), url(assets/272281dfa0e159aeccccf4ba1a91c663.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Fakt';
  src: url(assets/247f593abe8459cdd8414841efb82fab.eot);
  src: url(assets/247f593abe8459cdd8414841efb82fab.eot?#iefix) format("embedded-opentype"), url(assets/d73766a8fb5607426a86adc68001270d.woff) format("woff"), url(assets/32faf75852c2fa8aef104d8f9c1958ed.ttf) format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Fakt';
  src: url(assets/7f981324af15014e5f2b00c5c53ac682.eot);
  src: url(assets/7f981324af15014e5f2b00c5c53ac682.eot?#iefix) format("embedded-opentype"), url(assets/6f51d96149bd786446fc44640c178575.woff) format("woff"), url(assets/21be8bf6dee5a2db4da348139797e7f6.ttf) format("truetype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: 'Fakt';
  src: url(assets/63d22dabfa576f5022a4f582f7576cee.eot);
  src: url(assets/63d22dabfa576f5022a4f582f7576cee.eot?#iefix) format("embedded-opentype"), url(assets/1a36d9ced1f3b2f7ba71200b84c78272.woff) format("woff"), url(assets/7699f64b3d25f50aa28eef6520af707b.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Fakt';
  src: url(assets/84b4f93f4cf0883fed3d89a2c379ce0a.eot);
  src: url(assets/84b4f93f4cf0883fed3d89a2c379ce0a.eot?#iefix) format("embedded-opentype"), url(assets/14e19ecce728c94a940ba00346860eff.woff) format("woff"), url(assets/f7da5fea55903009a39e2acfc21130f3.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Fakt';
  src: url(assets/d37a015dffe47fe81ee0f23004790e13.eot);
  src: url(assets/d37a015dffe47fe81ee0f23004790e13.eot?#iefix) format("embedded-opentype"), url(assets/8406c5c1bb89ffbb771224dd1931353b.woff) format("woff"), url(assets/2bac48d97b3a5463e8fedfd312f66bfd.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Fakt';
  src: url(assets/c8f4834df6de363ccd338828b2c14a11.eot);
  src: url(assets/c8f4834df6de363ccd338828b2c14a11.eot?#iefix) format("embedded-opentype"), url(assets/53bd44ff6e18f97a94be2ca16390c3dc.woff) format("woff"), url(assets/8bed3bf58911a461b92a6dfc40418efe.ttf) format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Fakt';
  src: url(assets/38788240478ed1bca3cfe7520a56d516.eot);
  src: url(assets/38788240478ed1bca3cfe7520a56d516.eot?#iefix) format("embedded-opentype"), url(assets/b1ac3ecf6c2d6f23285cd6205854d29f.woff) format("woff"), url(assets/dda6c825184a76b1bd32a925ce3d9118.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }

#landing {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  align-items: center; }
  #landing nav {
    display: flex;
    flex-direction: row;
    height: 76px;
    padding: 16px;
    -webkit-animation: fade-in 2s cubic-bezier(0.3, 0, 0, 1);
            animation: fade-in 2s cubic-bezier(0.3, 0, 0, 1);
    will-change: animation; }
    #landing nav:hover a {
      opacity: 0.5; }

@-webkit-keyframes space-in-nav {
  from {
    letter-spacing: 4px;
    padding: 32px; }
  to {
    letter-spacing: 1px;
    padding: 16px; } }

@keyframes space-in-nav {
  from {
    letter-spacing: 4px;
    padding: 32px; }
  to {
    letter-spacing: 1px;
    padding: 16px; } }
  #landing nav a {
    padding: 16px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    text-decoration: none;
    color: inherit;
    text-transform: uppercase;
    -webkit-animation: space-in-nav 2s cubic-bezier(0.3, 0, 0, 1);
            animation: space-in-nav 2s cubic-bezier(0.3, 0, 0, 1);
    transition: 0.3s cubic-bezier(0.3, 0, 0, 1);
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    will-change: transform, letter-spacing, padding;
    -webkit-transform: scale(1.00001);
            transform: scale(1.00001);
    -webkit-backface-visibility: hidden; }
    #landing nav a:hover {
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
      opacity: 1; }
  #landing .body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 480px;
    height: 194px;
    position: relative; }
    #landing .body .star-container {
      position: relative;
      width: 64px;
      height: 64px; }

@-webkit-keyframes scale-in-star {
  from {
    -webkit-transform: perspective(64px) translateZ(63px);
            transform: perspective(64px) translateZ(63px); }
  to {
    -webkit-transform: perspective(64px) translateZ(-64px);
            transform: perspective(64px) translateZ(-64px); } }

@keyframes scale-in-star {
  from {
    -webkit-transform: perspective(64px) translateZ(63px);
            transform: perspective(64px) translateZ(63px); }
  to {
    -webkit-transform: perspective(64px) translateZ(-64px);
            transform: perspective(64px) translateZ(-64px); } }
      #landing .body .star-container .star {
        position: absolute;
        top: -32px;
        left: -32px;
        right: 0;
        bottom: 0;
        width: 128px;
        height: 128px;
        -webkit-transform: perspective(64px) translateZ(-64px);
                transform: perspective(64px) translateZ(-64px);
        -webkit-animation: scale-in-star 2s cubic-bezier(0.5, 0, 0, 1);
                animation: scale-in-star 2s cubic-bezier(0.5, 0, 0, 1);
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        will-change: transform; }

@-webkit-keyframes space-in-title {
  from {
    opacity: 0;
    -webkit-transform: translateY(32px);
            transform: translateY(32px);
    letter-spacing: 2px; }
  to {
    opacity: 1;
    letter-spacing: 0.06px; } }

@keyframes space-in-title {
  from {
    opacity: 0;
    -webkit-transform: translateY(32px);
            transform: translateY(32px);
    letter-spacing: 2px; }
  to {
    opacity: 1;
    letter-spacing: 0.06px; } }

@-webkit-keyframes space-in-subtitle {
  from {
    opacity: 0;
    -webkit-transform: translateY(32px);
            transform: translateY(32px);
    letter-spacing: 1px; }
  to {
    opacity: 1;
    letter-spacing: 0.06px; } }

@keyframes space-in-subtitle {
  from {
    opacity: 0;
    -webkit-transform: translateY(32px);
            transform: translateY(32px);
    letter-spacing: 1px; }
  to {
    opacity: 1;
    letter-spacing: 0.06px; } }
    #landing .body h1 {
      position: absolute;
      bottom: 48px;
      text-align: center;
      margin-top: 48px;
      font-size: 24px;
      letter-spacing: 0.06px;
      -webkit-animation: space-in-title 2s cubic-bezier(0.3, 0, 0, 1);
              animation: space-in-title 2s cubic-bezier(0.3, 0, 0, 1);
      will-change: transform; }
    #landing .body h2 {
      position: absolute;
      bottom: 0px;
      letter-spacing: 0.06px;
      margin-top: 8px;
      font-size: 16px;
      line-height: 22px;
      font-weight: 500;
      text-align: center;
      -webkit-animation: space-in-subtitle 2s cubic-bezier(0.3, 0, 0, 1);
              animation: space-in-subtitle 2s cubic-bezier(0.3, 0, 0, 1);
      will-change: transform, letter-spacing; }
  #landing footer {
    display: flex;
    flex-direction: column;
    padding: 32px;
    align-items: center;
    cursor: pointer;
    -webkit-animation: space-in-footer 2s cubic-bezier(0.3, 0, 0, 1);
            animation: space-in-footer 2s cubic-bezier(0.3, 0, 0, 1);
    will-change: transform, letter-spacing; }

@-webkit-keyframes space-in-footer {
  from {
    opacity: 0;
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
    letter-spacing: 4px; }
  to {
    opacity: 1;
    letter-spacing: 1px; } }

@keyframes space-in-footer {
  from {
    opacity: 0;
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
    letter-spacing: 4px; }
  to {
    opacity: 1;
    letter-spacing: 1px; } }
    #landing footer a {
      color: inherit;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 1px; }

@-webkit-keyframes space-in-chevron {
  from {
    margin-top: 16px; }
  to {
    margin-top: 12px; } }

@keyframes space-in-chevron {
  from {
    margin-top: 16px; }
  to {
    margin-top: 12px; } }
    #landing footer svg {
      margin-top: 12px;
      -webkit-animation: space-in-chevron 2s cubic-bezier(0.3, 0, 0, 1);
              animation: space-in-chevron 2s cubic-bezier(0.3, 0, 0, 1);
      will-change: margin; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  display: flex;
  min-height: 100vh;
  font-family: 'Fakt';
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  -webkit-animation: test 10s;
          animation: test 10s; }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }