body {
  margin: 0;
  font-family: "Courier New", Courier, monospace;
  font-weight: 500; /* Añadido para mayor grosor */
  background-color: #111111;
  background-image: url('imagen/fondogod.png'); /* Imagen de fondo */
  background-size: cover; /* La imagen cubre toda la pantalla */
  background-repeat: no-repeat; /* Evita la repetición */
  background-attachment: fixed; /* Fondo fijo al hacer scroll */
  color: #cccccc;
  text-align: center;
  padding: 0;
  line-height: 1.5;
}



header h1 {
  font-size: 2.5rem;
  font-weight: 700; /* Fuente más gruesa para el título */
  color: #ad9aff;
  .logo-img {
  width: 500px; /* Ancho deseado del logo */
  height: 200px; /* Altura deseada del logo (rectangular) */
  object-fit: contain; /* Asegura que la imagen se ajuste sin perder proporciones */
  border-radius: 5px; /* Opcional: bordes ligeramente redondeados */
  display: block; /* Elimina cualquier espacio extra */
  }

}

header p {
  font-size: 1.2rem;
  font-weight: 500; /* Un poco más grueso */
  color: #ced4da;
}

.section h2 {
  font-size: 2rem;
  margin-bottom: 15px;
  font-weight: 700; /* Títulos de secciones más destacados */
  color: #a883ff;
}

.art-piece h3 {
  color: #c1aaf8;
  margin-bottom: 10px;
  font-weight: 600; /* Mayor grosor en los subtítulos */
}

.art-piece p { 
  font-size: 1rem;
  font-weight: 400; /* Texto estándar con mayor grosor y tambien es para los titulos de las miniaturas */
  color: #adb5bd;
}

footer {
  background: #07001a;
  color: #ced4da;
  font-weight: 500; /* Mejor visibilidad en el pie de página */
  text-align: center;
  padding: 10px;
  margin-top: 20px;
}

footer a {
  color: #ffc107;
  font-weight: 600; /* Enlaces destacados */
  text-decoration: none;
}