html {
  scroll-behavior: smooth;
}

body {
  background-color: #0a0f14;
  color: #d1d5db;
  min-height: max(884px, 100dvh);
}

.terminal-border {
  border: 1px solid #1e293b;
}

.scanline {
  width: 100%;
  height: 2px;
  background: rgba(93, 230, 25, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.glow-text-green {
  text-shadow: 0 0 8px rgba(93, 230, 25, 0.6);
}

.glow-text-cyan {
  text-shadow: 0 0 8px rgba(0, 242, 255, 0.6);
}

.typewriter-cursor {
  color: #5de619;
  font-weight: 100;
  animation: cursor-blink 0.7s steps(1) infinite;
}

@keyframes cursor-blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0; }
}

.bubbles {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
  opacity: .3;
}