@font-face {
  font-family: "logofont";
  src: url("fonts/Monoglyceride.ttf");
}
@keyframes typed {
  0% {
    color: transparent;
  }
  100% {
    color: #5BC7D3;
    display: auto;
  }
}
@keyframes beam-blink {
  75% {
    color: transparent;
  }
}
@keyframes beam-forwards {
  0%, 19.999% {
    order: -1;
  }
  20%, 39.999% {
    order: 0;
  }
  40%, 59.999% {
    order: 1;
  }
  60%, 79.999% {
    order: 2;
  }
  80%, 99.999% {
    order: 3;
  }
  100% {
    order: 4;
  }
}
@keyframes rot {
  100% {
    transform: rotate(-90deg);
    font-size: calc(25px + 5vw);
    padding-bottom: 5px;
    padding-right: 0.9vw;
  }
}
* {
  backface-visibility: hidden;
}

html, body {
  height: 100%;
}

.animation {
  height: 100%;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: repeat-y;
  background-position: center center;
  font-size: calc(20px + 4vw);
  font-family: "logofont";
}

.a {
  color: #034591;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  animation: rot 500ms linear 2200ms forwards;
}
.a::after {
  content: ">";
}

.idup {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: repeat-y;
  background-position: center center;
}
.idup .letter {
  color: transparent;
  animation: typed 200ms linear;
  animation-fill-mode: forwards;
}
.idup .letter:nth-of-type(1) {
  order: 1;
  animation-delay: 1400ms;
}
.idup .letter:nth-of-type(2) {
  order: 2;
  animation-delay: 1600ms;
}
.idup .letter:nth-of-type(3) {
  order: 3;
  animation-delay: 1800ms;
}
.idup .letter:nth-of-type(4) {
  order: 4;
  animation-delay: 2000ms;
}
.idup .letter:nth-of-type(5) {
  order: 5;
  animation-delay: 2200ms;
}
.idup .beam {
  order: -1;
  color: #034591;
  font-size: calc(15px + 4vw);
  animation: beam-blink 1s infinite, beam-forwards 900ms linear 1100ms forwards;
}

/*# sourceMappingURL=style.css.map */