@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Indie+Flower&display=swap');
 *{
    margin: 0;
    padding: 0;
     box-sizing: border-box;
  }

body {
   background: #111;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100vh;
   font-family: 'Fredoka One', impact;

   }

 h1 {
   font-size: 70px;
   color: rgb(200,200,210);
   height: 100px;

  }
  .regalo{
    margin-top: 50px;
    color: white;
  }

span {

    position: relative;
    top: 40px;
    animation: move 0.5s ease-in-out infinite alternate;
    animation-delay: calc(var(--i) * 0.15s);
   }
   .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#texto{
    display: flex;
    gap: 1%;
  }
@keyframes move {

  100%{

     top: -30px;
     text-shadow: 0 3px red, 
                  0 6px grey, 
                  0 9px gold, 
                  0 11px green, 
                  0 13px purple, 
                  0 14px cyan, 
                  0 15px orangered;

 }

 }
                                        
 @media screen and (max-width: 768px) {
    /* Ajustes para pantallas más pequeñas */
    .container {
        max-width: 90%;
    }

    h1 {
        font-size: 2rem;
    }

    p {
        font-size: 1rem;
    }
}