@import "klown.css";

body {
    animation-name: grogsm;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

div {
    animation-name: grogmd;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
}

p {
    animation-name: groglg;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

a {
    display: inline-block;
    animation-name: flip;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}


@keyframes grogsm {
    from {
        transform: rotate(-1deg);
    }
    to {
        transform: rotate(1deg);
    }
}
@keyframes grogsmed {
    from {
        transform: rotate(-1.5deg);
    }
    to {
        transform: rotate(1.5deg);
    }
}
@keyframes groglg {
    from {
        transform: rotate(-2deg);
    }
    to {
        transform: rotate(2deg);
    }
}
@keyframes flip {
    from {
        transform: scale(1.1);
    }
    to {
        transform: scale(0.9);
    }
}