@font-face {
  font-family: 'GlossyMagazine-Light';
  src: url("glossymagazine-light-webfont.woff2") format("woff2"), url("glossymagazine-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GlossyMagazine-Regular';
  src: url("glossymagazine-regular-webfont.woff2") format("woff2"), url("glossymagazine-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GlossyMagazine-RegularItalic';
  src: url("glossymagazine-regularitalic-webfont.woff2") format("woff2"), url("glossymagazine-regularitalic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

#wordmark .kunstnerisk-1 {
  -webkit-animation-name: kunstnerisk-one-key;
          animation-name: kunstnerisk-one-key;
  -webkit-animation-duration: .1s;
          animation-duration: .1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#wordmark .kunstnerisk-2 {
  -webkit-animation-name: kunstnerisk-two-key;
          animation-name: kunstnerisk-two-key;
  -webkit-animation-duration: .1s;
          animation-duration: .1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#wordmark .viden-1 {
  -webkit-animation-name: viden-one-key;
          animation-name: viden-one-key;
  -webkit-animation-duration: .1s;
          animation-duration: .1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#wordmark .viden-2 {
  -webkit-animation-name: viden-two-key;
          animation-name: viden-two-key;
  -webkit-animation-duration: .1s;
          animation-duration: .1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#wordmark .center-1 {
  -webkit-animation-name: center-one-key;
          animation-name: center-one-key;
  -webkit-animation-duration: .1s;
          animation-duration: .1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#wordmark .center-2 {
  -webkit-animation-name: center-two-key;
          animation-name: center-two-key;
  -webkit-animation-duration: .1s;
          animation-duration: .1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#wordmark .udvikling-1 {
  -webkit-animation-name: udvikling-one-key;
          animation-name: udvikling-one-key;
  -webkit-animation-duration: .1s;
          animation-duration: .1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

#wordmark .udvikling-2 {
  -webkit-animation-name: udvikling-two-key;
          animation-name: udvikling-two-key;
  -webkit-animation-duration: .1s;
          animation-duration: .1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes udvikling-one-key {
  0% {
    font-family: GlossyMagazine-RegularItalic;
  }
  1% {
    font-family: GlossyMagazine-Regular;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    font-family: GlossyMagazine-Regular;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@keyframes udvikling-one-key {
  0% {
    font-family: GlossyMagazine-RegularItalic;
  }
  1% {
    font-family: GlossyMagazine-Regular;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    font-family: GlossyMagazine-Regular;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@-webkit-keyframes udvikling-two-key {
  0% {
    font-family: GlossyMagazine-Light;
  }
  100% {
    font-family: GlossyMagazine-RegularItalic;
  }
}

@keyframes udvikling-two-key {
  0% {
    font-family: GlossyMagazine-Light;
  }
  100% {
    font-family: GlossyMagazine-RegularItalic;
  }
}

@-webkit-keyframes center-one-key {
  0% {
    font-family: GlossyMagazine-Regular;
  }
  100% {
    font-family: GlossyMagazine-RegularItalic;
  }
}

@keyframes center-one-key {
  0% {
    font-family: GlossyMagazine-Regular;
  }
  100% {
    font-family: GlossyMagazine-RegularItalic;
  }
}

@-webkit-keyframes center-two-key {
  0% {
    font-family: GlossyMagazine-RegularItalic;
  }
  100% {
    font-family: GlossyMagazine-Light;
  }
}

@keyframes center-two-key {
  0% {
    font-family: GlossyMagazine-RegularItalic;
  }
  100% {
    font-family: GlossyMagazine-Light;
  }
}

@-webkit-keyframes viden-one-key {
  0% {
    font-family: GlossyMagazine-Regular;
  }
  100% {
    font-family: GlossyMagazine-Light;
  }
}

@keyframes viden-one-key {
  0% {
    font-family: GlossyMagazine-Regular;
  }
  100% {
    font-family: GlossyMagazine-Light;
  }
}

@-webkit-keyframes viden-two-key {
  0% {
    font-family: GlossyMagazine-Light;
  }
  100% {
    font-family: GlossyMagazine-RegularItalic;
  }
}

@keyframes viden-two-key {
  0% {
    font-family: GlossyMagazine-Light;
  }
  100% {
    font-family: GlossyMagazine-RegularItalic;
  }
}

@-webkit-keyframes kunstnerisk-one-key {
  0% {
    font-family: GlossyMagazine-Regular;
  }
  100% {
    font-family: GlossyMagazine-RegularItalic;
  }
}

@keyframes kunstnerisk-one-key {
  0% {
    font-family: GlossyMagazine-Regular;
  }
  100% {
    font-family: GlossyMagazine-RegularItalic;
  }
}

@-webkit-keyframes kunstnerisk-two-key {
  0% {
    font-family: GlossyMagazine-Light;
  }
  100% {
    font-family: GlossyMagazine-Regular;
  }
}

@keyframes kunstnerisk-two-key {
  0% {
    font-family: GlossyMagazine-Light;
  }
  100% {
    font-family: GlossyMagazine-Regular;
  }
}

.stretch-i.regularitalic {
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}

.stretch.regularitalic {
  -webkit-transform: scaleX(1.15);
          transform: scaleX(1.15);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

#wordmark {
  text-align: center;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: calc(100vh - 200px);
  width: calc(100vw - 200px);
  font-size: 7.62vw;
  line-height: .85em !important;
  font-family: helvetica;
  position: fixed;
  left: 0px;
  top: 0px;
  margin: 100px;
  z-index: 99;
}

.space {
  font-family: GlossyMagazine-Regular;
}

#wordmark span {
  display: inline-block;
}

.stretch.regularitalic {
  -webkit-transform: scaleX(1.15);
          transform: scaleX(1.15);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.stretch-E.regularitalic {
  -webkit-transform: scaleX(1.1) translateX(1px);
          transform: scaleX(1.1) translateX(1px);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.stretch-W.regularitalic {
  -webkit-transform: scaleX(1.2) translateX(1px);
          transform: scaleX(1.2) translateX(1px);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.light {
  font-family: GlossyMagazine-Light;
}

.regular {
  font-family: GlossyMagazine-Regular;
}

.regularitalic {
  font-family: GlossyMagazine-RegularItalic;
}

html {
  color: #000;
  background: #fff;
  padding: 10px;
}
/*# sourceMappingURL=main.css.map */