@font-face {
  font-family: 'Break';
  src: url('../../@/ONRAMP.woff2') format('woff2'),
       url('../../@/ONRAMP.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.tictoc {
  font-family: 'Break';
  position: fixed;
  z-index: 1000;
  color: #FFCC01;
  font-size: 6.0vw;
  top: 5vh;
  right: 3vw;
}

.tictoc {
  animation: fadeInAnimation ease 5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0.0;
  }

  10% {
    opacity: 0.1;
  }

  20% {
    opacity: 0.2;
  }

  30% {
    opacity: 0.3;
  }

  40% {
    opacity: 0.4;
  }

  50% {
    opacity: 0.5;
  }

  60% {
    opacity: 0.6;
  }

  70% {
    opacity: 0.7;
  }

  80% {
    opacity: 0.8;
  }

  90% {
    opacity: 0.9;
  }

  100% {
    opacity: 1.0;
  }
}