.container {
    position: absolute;
    top: 20%;
    left: 15%;
    font-family:'Lucida Sans';
    color: goldenrod;
    font-style: italic;
}

/* .box { */
    /* width: 50%;
    height: 120px; */
    /* border: 2px solid yellow;
    border-radius: 10px; */
    


.wave {
    letter-spacing: 10px;
    display: flex;
}

.wave span {
    display: inline-block;
    animation: wave 1.5s infinite ease-in-out;
}

.wave span:nth-child(1) {
    animation-delay: 0s; }
.wave span:nth-child(2) {
        animation-delay: 0.1s; }
.wave span:nth-child(3) {
            animation-delay: 0.2s; }

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

.rotate {
    animation: fade 3s ease infinite;
}

@keyframes fade {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}