/* 1. CONFIGURACIÓN DEL FONDO (EL CUARTO DE UZI) */
body {
  background-color: #0d0d12; /* Un negro azulado muy oscuro */
  background-image: radial-gradient(#5e2682 0.5px, transparent 0.5px); /* Efecto de puntos retro */
  background-size: 20px 20px;
  color: #a2c6d8; /* Gris metálico para los textos */
  font-family: 'Courier New', monospace; /* Letra de computadora */
  margin: 0;
  padding: 20px;
  cursor: crosshair; /* El cursor ahora es una mira de puntería */
}

/* 2. EL TÍTULO CON EFECTO NEÓN */
h1 {
  color: #b366ff;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px #5e2682, 0 0 20px #5e2682;
  border: 2px solid #5e2682;
  display: inline-block;
  padding: 10px;
  width: 100%;
}

/* 3. LAS CAJAS DE TUS POSTS (TIPO PANTALLA DE ROBOT) */
.post {
  background: rgba(20, 20, 30, 0.9); /* Fondo semi-transparente */
  border-left: 5px solid #5e2682; /* Barra lateral morada */
  margin: 20px auto;
  padding: 15px;
  max-width: 600px;
  box-shadow: 10px 10px 0px #000; /* Sombra sólida estilo 2000s */
}

/* 4. LOS LINKS (COLOR ABSOLUTE SOLVER) */
a {
  color: #ff6e61; /* Naranja/Rojo de advertencia */
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: line-through; /* Efecto tachado al pasar el mouse */
  background: #5e2682;
  color: white;
}

/* 5. UN BOTÓN ESTILO RETRO */
button {
  background: #5e2682;
  color: white;
  border: 2px outset #b366ff;
  padding: 5px 10px;
  cursor: pointer;
}