:root {
  --col: #646f70;
  --col50: #a2a9a9;
  --col70: #929a9b;
  --col80: #838c8d;
  --col90: #737d7e;
  --col110: #4d5657;
  --hover: #a2a9a9;
  --full-h: calc((1060*100vw)/1920);
  --full-w: 100%;
}

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

body {
  font-family: "Fira Sans Condensed", sans-serif;
  font-style: var(--fs-it);
}

@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* bottom to top */
@keyframes fade-btt {
  0% {
    transform: translateY(70vh);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-btt2 {
  0% {
    transform: translateY(100vh) scale(1.3);
    opacity: 0;
  }
  10% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-btt3 {
  0% {
    transform: scale(3);
    opacity: 0;
  }
  10% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  45%, 100% {
    opacity: 1;
  }
}
@keyframes fade-btt4 {
  0% {
    transform: translateY(100vh);
    opacity: 1;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
/* left to right */
@keyframes fade-ltr {
  0% {
    transform: translate(-50vh);
    opacity: 0;
  }
  100% {
    transform: translate(0);
    opacity: 1;
  }
}
/* right to left */
@keyframes fade-rtl {
  0% {
    transform: translate(50vh);
    opacity: 0;
  }
  100% {
    transform: translate(0);
    opacity: 1;
  }
}
@keyframes blink-once {
  to {
    opacity: 0;
  }
}
@keyframes bounce {
  0% {
    transform: translateY(-11vh);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* ------------------------------ */
@keyframes miniBounce {
  0% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
/* ------------------------------ */
/* top to bottom */
@keyframes ttb {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  51% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(50%);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.6;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* left to right VarB */
@keyframes fade-ltr-b {
  0% {
    transform: translate(-50vh);
    opacity: 0;
  }
  60% {
    transform: translate(0);
    opacity: 1;
  }
  70% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(50%);
    opacity: 1;
  }
}
/* right to left VarB */
@keyframes fade-rtl-b {
  0% {
    transform: translate(50vh);
    opacity: 0;
  }
  60% {
    transform: translate(0);
    opacity: 1;
  }
  70% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(50%);
    opacity: 1;
  }
}
@keyframes slideIn-ttb2 {
  60% {
    transform: translateY(0%);
  }
  70% {
    transform: translateY(-15%);
  }
  90% {
    transform: translateY(0%);
  }
  95% {
    transform: translateY(-7%);
  }
  97% {
    transform: translateY(0%);
  }
  99% {
    transform: translateY(-3%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes scrollUp {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes font-c {
  from {
    color: #4d5657;
  }
  to {
    color: #737d7e;
  }
}
@keyframes scrollerVU {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes logo-up {
  0% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-16.1458333333vw);
  }
}
@keyframes logo-up2 {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  80% {
    transform: translateY(0);
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    transform: translateY(-16.1458333333vw);
    opacity: 1;
  }
}
@keyframes mbl-fade {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes hanger-down1 {
  0% {
    transform: translateY(-1000px);
  }
  85% {
    transform: translateY(-1000px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes hanger-down2 {
  0% {
    transform: translateY(-1000px);
  }
  92% {
    transform: translateY(-1000px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes grafik-none {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tag-rot {
  0% {
    transform: rotateY(0);
  }
  50% {
    transform: rotateY(35deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes tag-rot2 {
  0% {
    transform: rotateY(0);
  }
  50% {
    transform: rotateY(-30deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes tag-rot3 {
  0% {
    transform: rotateY(0);
  }
  50% {
    transform: rotateY(20deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes mbl-fade1 {
  0% {
    opacity: 0;
  }
  17% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes logo-up1 {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  17% {
    transform: translateY(0);
    opacity: 1;
  }
  80% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-16.1458333333vw);
    opacity: 1;
  }
}
@keyframes logo-up3 {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  80% {
    transform: translateY(0);
    opacity: 0;
  }
  92% {
    opacity: 0;
  }
  100% {
    transform: translateY(-16.1458333333vw);
    opacity: 1;
  }
}/*# sourceMappingURL=ani.css.map */