/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-image: url("nyxx1.png"); 
background-size: cover;
background-repeat: no-repeat;
 background-color: #fceaff; /* Rosa pastel */ 
 color: #111; /* Texto oscuro */ 
 font-family: "Comic Sans MS", cursive;
}
h1, h2 { color: hotpink;
text-shadow: 2px 2px 5px #ff69b4; /* efecto glow */ 
} 
a { 
  color: lime; 
  text-decoration: none;
  font-weight: bold; 
  } 
  a:hover { 
    color: purple;
    text-shadow: 0 0 5px aqua; 
    }
    ul { 
      background-color: #fff0f5;
      border: 2px dashed hotpink;
      padding: 15px;
      border-radius: 10px;
      } 
      li { margin-bottom: 8px; 
      }
      ul { background-color: #fff0f5; 
      border: 2px dashed hotpink;
      padding: 10px; /* espacio interno más pequeño */ 
      max-width: 300px; /* ancho máximo del cuadro */ 
      margin: 20px auto; /* centra el cuadro */ 
      border-radius: 12px;
      }
      li { 
        margin-bottom: 6px; /* espacio entre cada interés */ 
        font-size: 14px; /* texto más pequeño */ }