h1 {
    color:khaki;
}

article {
    max-width: 800px;
    margin: 0 auto;
    text-align: center; /* Centra los títulos y la imagen */
    padding: 20px;
    margin-bottom: 30px;
}

/* Controla el tamaño de la imagen */
article img {
    max-width: 600px;  /* Ajusta este número en píxeles para cambiar el tamaño */
    width: 100%;       /* Hace que sea responsiva en pantallas chicas */
    height: auto;      /* Evita que se deforme */
    margin: 20px auto; /* Separa la imagen de los textos */
    display: block;    /* Permite centrarla correctamente */
}

body {
  margin: 0;
  min-height: 100vh;
  /* Fondo oscuro (puedes cambiarlo a #000 para negro absoluto) */
  background-color: #0b0f19; 

  /* Capas de puntos definidos sin difuminado */
  background-image: 
    radial-gradient(#ffffff 1px, transparent 1px),
    radial-gradient(#ffffff 1.5px, transparent 1.5px),
    radial-gradient(#ffffff 1px, transparent 1px);

  /* Tamaño de la cuadrícula de repetición (controla la densidad) */
  background-size: 200px 200px, 350px 350px, 500px 500px;

  /* Desplazamiento para romper la simetría y que parezcan aleatorios */
  background-position: 0 0, 40px 70px, 110px 230px;

  color: white;
  font-family: Verdana;
  text-align: center;
}


p {
    color:azure;
}