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

.tictoc {
  font-family: 'Bakin';
  position: fixed;
  z-index: 30;
  color: #FFD700;
  top: 1%;
  right: 5%;
  text-align: right;
}

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

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

  40% {
    opacity: 0.4;
  }

  80% {
    opacity: 0.8;
  }

  100% {
    opacity: 1.0;
  }
}