@font-face {
  font-family: 'fuente2'; /* El nombre que tú elijas para tu fuente */
  src: url('https://quinnmera.neocities.org/assets_Index/DrownerFree.otf') format('truetype');
  
}

@font-face {
  font-family: 'fuente1'; /* El nombre que tú elijas para tu fuente */
  src: url('https://quinnmera.neocities.org/FunnelDisplay.ttf') format('truetype');
  
}


body {
  background-image: url('http://quinnmera.neocities.org/assets_Index/fondo.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

h1 {
  font-family: 'fuente1', sans-serif; /* Usa tu fuente, y si no carga, usa una sin serif por defecto */
  padding-bottom: 20px;
  font-size: 35px;
  
  text-align: center;
  width: 100vw; /* Ocupa todo el ancho de la pantalla */
  height: 20vh; /* Ocupa todo el alto de la pantalla */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  
  /* Configuración del fondo degradado */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
  background-size: cover;

  /* Centrado del texto vertical y horizontalmente */
  display: flex;
  justify-content: center;
  align-items: center;
}