/* Stylesheet for GifGallery */


body{background-color: blanchedalmond;}

div{
    display: flex;
    justify-content: space-around;
    align-items: center;
    height:100vh;
} 

        /* Animations for the gifs */

.cat{
    animation-name: cat;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
    animation-delay:1s;
}
@keyframes cat{
    0%{transform: translateY(0px);}
    50%{transform: translateY(-20px);}
    100%{transform: translateY(0px);}
}

.makeup{
    animation-name: makeup;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
    animation-delay:1s;
}

@keyframes makeup{
    0%{transform: translateY(3px);}
    50%{transform: translateY(-40px);}
    100%{transform: translateY(3px);}
}

.student{
    animation-name: student;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
    animation-delay:1s;
}

@keyframes student{
    0%{transform: translateY(5px);}
    50%{transform: translateY(-10px);}
    100%{transform: translateY(5px);}
}