@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap");
body {
  background-color: #0a0a1a;
  color: #00ffff;
  font-family: "Orbitron", sans-serif;
}
.terminal-bg::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(10, 10, 26, 0.3), rgba(10, 10, 26, 0.3)),
    repeating-linear-gradient(
      0deg,
      rgba(0, 255, 255, 0.03) 0px,
      rgba(0, 255, 255, 0.03) 1px,
      transparent 1px,
      transparent 2px
    );
  pointer-events: none;
  z-index: 1;
}
.font-global {
  font-family: "Orbitron", monospace;
}
.terminal-cursor {
  font-weight: bold;
  animation: blink 1s infinite;
}
@keyframes blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
.terminal-output-line {
  white-space: pre-wrap;
  word-wrap: break-word;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 255, 255, 0.8);
  border-radius: 6px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 255, 255, 1);
}