@tailwind base;
@tailwind components;
@tailwind utilities;


@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');
.font-orbi {
    font-family: 'Orbitron', sans-serif;
  }
  .font-lex {
    font-family: 'Lexend Deca', serif;
}

/*Cursor size wrt text size*/
.typed-cursor {
  font-size: 1em;
}
@media (min-width: 640px) {
  .typed-cursor {
    font-size: 5em;
  }
}
@media (min-width: 768px) {
  .typed-cursor {
    font-size: 5em;
  }
}
@media (min-width: 1024px) {
  .typed-cursor {
    font-size: 3em;
  }
}

/*Auto-type text settings*/
.auto-type {
  display: inline;
}
.nav-scrolled {
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
}
@media (max-width: 640px) {
  .desktop-menu {
    display: none;
  }
  .mobile-menu {
    display: block;
  }
}
.menu-open {
  transform: translateX(0);
}

/*Scrollbar settings*/
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background-color: black;
}
::-webkit-scrollbar-thumb {
  background-color:#00FFFF;
  border-radius: 20px;
}