* {
    font-family: 'Titillium Web', sans-serif; 
}

.español, .english { display: none; }

.background {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-image: url('/imagenes/Lodo\ DCM\ negro.png');
    background-size: 20px 20px; /* Define el tamaño de cada imagen repetida */
    background-repeat: repeat; /* Repite la imagen en ambas direcciones */
    background-position: top left; /* La posición inicial de la imagen */
    z-index: -2;
  }
  
  .overlay {
    bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .75); 
    z-index: -1;
  }