.floatDownUp{
  animation: floatDownUp 3s ease-in-out infinite;
}
@keyframes floatDownUp {
  100%,0%{
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 0.1rem);
  }
}


.myrotate{
  animation: myrotate 50s linear infinite;
}
@keyframes myrotate {
  0%{
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.myrotate2{
  animation: myrotate2 50s linear infinite;
}
@keyframes myrotate2 {
  0%{
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}