/*@keyframes rocket-wiggle {*/
/* to,*/
/* 10%,*/
/* 90% {*/
/* transform: translate(-10px, 10px);*/
/* }*/
/* 20%,*/
/* 80% {*/
/* transform: translate(0px, -10px);*/
/* }*/
/* 30%,*/
/* 50%,*/
/* 70% {*/
/* transform: translate(10px, 10px);*/
/* }*/
/* from,*/
/* 40%,*/
/* 60% {*/
/* transform: translate(0px, -10px);*/
/* }*/
/*.blobone {*/
/* -webkit-animation: rocket-wiggle 500ms ease-in-out infinite;*/
/* animation: rocket-wiggle 500ms ease-in-out infinite;*/
/*} */
/*.blobtwo {*/
/* -webkit-animation: rocket-wiggle 500ms ease-in-out infinite;*/
/* animation: rocket-wiggle 500ms ease-in-out infinite;*/
/*} */
/*.blobthree {*/
/* -webkit-animation: rocket-wiggle 500ms ease-in-out infinite;*/
/* animation: rocket-wiggle 500ms ease-in-out infinite;*/
/*} */
/*.blobfour{*/
/* -webkit-animation: rocket-wiggle 500ms 1s ease-in-out infinite;*/
/* animation: rocket-wiggle 500ms 1s ease-in-out infinite;*/
/*} */
.blob {
/*opacity:50%;*/
animation: blobfloat 5s ease-in-out infinite alternate;
pointer-events:none
}
@keyframes blobfloat {
from {
transform: translate(-50px,50px);
}
/*25% {*/
/* transform: translate(0px,0);*/
/*}*/
50% {
transform: translate(50px,-50px);
}
/*75% {*/
/* transform: translate(0,0);*/
/*}*/
to {
transform: translate(-50px,50px);
}
}@keyframes down {
from {
transform: translateY(0px)
}
50% {
transform: translateY(-10px)
}
to {
transform: translateY(0px)
}
}
.downarrow {
animation: down 1.5s ease-in-out infinite alternate;
}