*{
    padding: 0;
    margin: 0;
}





.box{
    width: 10vw;
    height:10vw;
    background-color: brown;
    animation: bounce;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    display: inline-flex;
}
.box2{
    
    width: 10vw;
    height:10vw;
    background-color:rgb(245, 42, 194);
    animation: flash;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    display: inline-flex;
   
    
}

.box3{
    
    width: 10vw;
    height:10vw;
    background-color:blue;
    animation: pulse;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    display: inline-flex;

}

.box4{
    
    width: 10vw;
    height:10vw;
    background-color:cadetblue;
    animation:rubberband ;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    
display: inline-flex;
}

.box5{
    
    width: 10vw;
    height:10vw;
    background-color: yellow;
    animation: shakeX;
    animation-duration: 4s;
    animation-iteration-count: infinite;
display: inline-flex;

}

.box6{
    
    width: 10vw;
    height:10vw;
    background-color:purple;
    animation: shakeY;
    animation-duration: 4s;
    animation-iteration-count: infinite;
display: inline-flex;

}

.box7{
    
    width: 10vw;
    height:10vw;
    background-color:blue;
    animation:headShake;
    animation-duration: 4s;
    animation-iteration-count: infinite;
display: inline-flex;

}

.box-tade{
    
    width: 10vw;
    height:10vw;
    background-color:rgb(18, 206, 11);
    animation: tade;
    animation-duration: 4s;
    animation-iteration-count: infinite;
display: inline-flex;

}

.box-tades{
    
    width: 10vw;
    height:10vw;
    background-color:coral;
    animation: wobble;
    animation-duration: 4s;
    animation-iteration-count: infinite;
display: inline-flex;

}
.box9{
    
    width: 10vw;
    height:10vw;
    background-color:darkcyan;
    animation:jello;
    animation-duration: 4s;
    animation-iteration-count: infinite;
display: inline-flex;

}
.box10{
    
    width: 10vw;
    height:10vw;
    background-color:slategray;
    animation:heartBeat;
    animation-duration: 4s;
    animation-iteration-count: infinite;
display: inline-flex;

}

.box11{
    
    width: 10vw;
    height:10vw;
    background-color:rgb(185, 61, 12);
    animation:backInDown;
    animation-duration: 4s;
    animation-iteration-count: infinite;
display: inline-flex;

}
.box12{
    
    width: 10vw;
    height:10vw;
    background-color:rgb(223, 33, 166);

    animation:backInLeft;
    animation-duration: 4s;
    animation-iteration-count: infinite;
display: inline-flex;

}