@charset "utf-8";
html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      overflow: hidden;
      background-color: #F59395;
      background-size: cover;
    }

    .container {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      animation: fadeIn 2s ease-in-out;
    }

    .changing-text {
      font-size: 3rem;
      color: #1C1C1C; /* negro */
      text-shadow: 2px 2px 6px rgba(255, 255, 255, 0.7);
      animation: changeFont 10s infinite;
    }

    @keyframes changeFont {
      0%, 25% {
        font-family: 'Pacifico', cursive;
      }
      26%, 50% {
        font-family: 'Roboto', sans-serif;
      }
      51%, 75% {
        font-family: 'Dancing Script', cursive;
      }
      76%, 100% {
        font-family: 'Indie Flower', cursive;
      }
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translate(-50%, -60%); }
      to { opacity: 1; transform: translate(-50%, -50%); }
    }/* CSS Document */