@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,800;0,900;1,200;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,800;1,200;1,500;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,200;0,400;0,500;1,200&display=swap');

:root {
   --nav-height: 40px;
}

::-webkit-scrollbar {
   background: var(--nextui-colors-background);
}
::-webkit-scrollbar-thumb {
   background: var(--nextui-colors-myAccentOpaque8);
   border: 6px solid transparent;
   border-radius: 1rem;
   transition: background 0.2s ease-in-out;
   background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
   background: var(--nextui-colors-myAccent);
   border: 6px solid transparent;
   border-radius: 1rem;
   transition: background 0.2s ease-in-out;
   background-clip: padding-box;
}

@keyframes fadeInUp {
   0% {
      opacity: 0.3;
      transform: translateY(20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}

@keyframes fadeInDown {
   0% {
      opacity: 0.3;
      transform: translateY(-20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}