html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
  }

  @font-face {
    font-family: 'Alfarn';
    src: url('Alfarn.woff2') format('woff2'),
        url('Alfarn.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
  
  .container {
    text-align: center;
    height: 100%; 
  }

  .logo {
    position: absolute;
    max-width: 100%;
   
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: float 3s infinite ease-in-out;
}

.texto {
  position: absolute;
  height: 307px;
  width: 882px;
  font-family: 'Alfarn';
  font-weight: bold;
  margin-top: 20px;
  font-size: 29px;
  color: #ffffff;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 2px 2px 4px rgb(0 0 0);
  letter-spacing: 1.5px;
}

@keyframes float {
    0%, 100% {
        transform: translate(-50%, -50%) translateY(0);
    }
    50% {
        transform: translate(-50%, -50%) translateY(-20px);
    }
}

  .imagen-grande {
    width: 100%; 
    height: 100%; 
    object-fit: cover; 

  }
  
  .imagen-movil {
    display: none;
  }
  
  @media (max-width: 768px) {
    .imagen-grande {
      display: none;
    }
    
    .imagen-movil {
      display: block;
      width: 100%;
      height: 100%;
    }

    .logo {
      position: absolute;
      max-width: 60%;
      height: auto;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      animation: float 3s infinite ease-in-out;
  }
  
  @keyframes float {
      0%, 100% {
          transform: translate(-50%, -50%) translateY(0);
      }
      50% {
          transform: translate(-50%, -50%) translateY(-20px);
      }
  }
    .texto {
        position: absolute;
        width: 333px;
        font-family: 'Alfarn';
        margin-top: 20px;
        font-size: 20px;
        color: #ffffff;
        top: 95%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-shadow: 2px 2px 4px rgb(0 0 0);
        letter-spacing: 1.5px;
    }
  }