/* Terminal look */
:root{
  --bg:#0b0f12;
  --green:#39ff14;
  --gray:#9aa0a6;
  --pink:#ff66b2;
  --ltpink:#ffd6e8;
  --blue:#7fd1ff;
  --terminal-font: "Consolas", "Courier New", monospace;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:var(--terminal-font);background:var(--bg);color:var(--green);}
.terminal{
  max-width:900px;
  margin:6vh auto;
  padding:28px;
  border-radius:6px;
  box-shadow:0 8px 30px rgba(0,0,0,0.7), inset 0 1px 0 rgba(255,255,255,0.02);
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.2));
  border:1px solid rgba(255,255,255,0.03);
}

/* Big prompt */
.prompt.large{
  font-size:64px;
  line-height:0.9;
  font-weight:700;
  letter-spacing:2px;
  margin-bottom:6px;
  color:var(--green);
  text-shadow:0 0 8px rgba(57,255,20,0.12);
  font-family:var(--terminal-font);
}

/* tagline */
.tagline{
  margin-bottom:18px;
  color:var(--gray);
  font-size:18px;
}

/* ascii art area */
.ascii{
  background:rgba(0,0,0,0.25);
  padding:16px;
  border-radius:6px;
  color:var(--ltpink);
  overflow:auto;
  white-space:pre;
  font-size:14px;
}

/* colored spans inside ascii */
.ascii .pink{ color: var(--pink); }
.ascii .ltpink{ color: var(--ltpink); }
.ascii .blue{ color: var(--blue); }

/* footer */
.footer{ margin-top:12px; color:var(--gray); font-size:13px; }

/* responsive */
@media (max-width:600px){
  .prompt.large{ font-size:40px; }
  .terminal{ margin:4vh 8px; padding:18px; }
}