* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: moccasin;
    text-align: center;
    padding: 20px; } 

    #mush{
        position: relative;
        padding-top: 20%;
        width: 10%;
        height: auto;
    }

#mush.clicky{
    animation: mymove 3s ease-in;
}

@keyframes mymove {

0% {
top: 0px;
transform: rotate(0deg);
}

20% {
top: 10px;
transform: rotate(0deg);
}

49%{
top: -200px;
transform: rotate(0deg);
}

50% {
top: -200px;
transform: rotate(180deg);
}

60%{
top: -200px;
transform: rotate(360deg);
}

100% {
top: 0px;
transform: rotate(360deg);
}

}