@keyframes slideIn {
  0% {
    transform: translate3d(-5%, -100%, 0);
    opacity: 0;
  }
  100% {
    opacity: 100%;
    transform: translateX(0);
    transform: translateY(0);

  }
}

.slidein0 {
    animation: 0.5s ease-in-out 0s 1 slideIn;
}

.slidein1 {
    animation: 1s ease-in-out 0s 1 slideIn;
}

.slidein2 {
    animation: 1.5s ease-in-out 0s 1 slideIn;

}
* {
    scroll-behavior: smooth;
    opacity: 100%;
    color: oklch(0.5668 0.2882 301.39);
    align-content: center;
    align-items: center;
    text-align: center;
    font-family: 'JetBrains Mono';
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('./font.ttf');
}