/* intro.css */
:root{
  --text: #ffffff;
  --beige: #d7c6a5;
}

*{ box-sizing: border-box; }
html, body{ height: 100%; }

body{
  margin: 0;
  background: #000;
  color: var(--text);
  overflow: hidden;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.stage{
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 24px;
  text-align: center;
}

.typing-wrap{
  font-family: "Segoe Script","Brush Script MT","Comic Sans MS",cursive;
  font-size: clamp(28px, 5vw, 64px);
  letter-spacing: .02em;
  text-shadow: 0 10px 40px rgba(0,0,0,.65);
}

.typing{
  display: inline-block;
  padding: 0 8px;
  border-bottom: 1px solid rgba(215,198,165,.35);
}

.cursor{
  margin-left: 2px;
  opacity: .9;
  animation: blink 800ms steps(1) infinite;
}

@keyframes blink{
  50%{ opacity: 0; }
}