/* Fonte estilo anos 90 */
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');

* {
    cursor: url('data:image/x-icon;base64,AAACAAEAICAQAAAAAADoAgAAFgAAACgAAAAgAAAAQAAAAAEABAAAAAAAAAIAAAAAAAAAAAAAEAAAAAAAAABQWWYAAAAAADI2OwDT1tsAAFLEAKWtuAAAafwAAS1rAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERF3ERERERERERERERERERERREERERERERERERERERERF0RGERERERERERERERERERREYRERERERERERERFmYRFERhERERERERERERERFmQRRGERERERERERERERERFEEUYREREREREREREREREREQIREREREREREREAAAERERAlEREREREREREVVVUAEREiVRERERERERERERERUAEVM1ERERERERERERERERVRUzUREREREREREREREREREQNREREREREREREREREREWFVERERERERERERERERERZxURERERERERERERERERFnRhERERERERERERERERERdGERERERERERERERERERAUYRERERERERERERERERFRAREREREREREREREREREVERERERERERERERERERERUREREREREREREREREREREBERERERERERERERERERERERERERERERERERERERERH/////////////////////////////////////////////5////8P////B////gP//44H//8ED///AB///8A//4PAf/8BoP/+AID//gAA///4A////Af///wP///4H///8D///+B////A////gf///wf///4////8f////H////w=='), auto;
}

body {
  margin: 0;
  font-family: 'DotGothic16', sans-serif;
  background: black url('images/num.gif') repeat;
  background-size: auto; /* mantém o tamanho original */
  color: #d7d7d7;
  overflow-x: hidden;
}


header {
  text-align: center;
  padding: 40px 0;
  background: rgba(0,0,0,0.6);
  border-bottom: 3px solid #800080;
  animation: glow 2s infinite alternate;
}

header h1 {
  font-size: 3rem;
  text-shadow: 0 0 10px #ff00ff, 0 0 20px #800080;
}

@keyframes glow {
  from { box-shadow: 0 0 10px #800080; }
  to { box-shadow: 0 0 25px #ff00ff; }
}

.container {
  max-width: 900px;
  margin: 40px auto;
  background: rgba(20,20,20,0.7);
  padding: 20px;
  border: 2px solid #ff00ff;
  border-radius: 10px;
  animation: fadeIn 1.5s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

footer {
  text-align: center;
  padding: 20px;
  font-size: 0.9rem;
  opacity: 0.7;
}

/* ======= ROOT COLORS ======= */
:root {
    --body-bg-image: url('images/num.gif');  /* coloque seu background aqui */
    --purple-glow: #b900ff;
    --deep-purple: #2b0030;
}

/* ======= CENTER ALIGN ======= */
.aligncenter {
    text-align: center;
}

/* ENTER BUTTON SPACING */
.enter-btn {
    margin-top: 200px;
    width: 250px; /* ajuste se quiser */
}

/* ======= CRT EFFECT (como o CATBYTE usa) ======= */
.crt::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background:
      linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),
      linear-gradient(90deg, rgba(255, 0, 255, 0.08), rgba(150, 0, 255, 0.03), rgba(255, 0, 255, 0.08));
    z-index: 10;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}