/* ANIMAÇÃO */
.A { animation: floating ease-in-out 12s infinite;  z-index: 0; }
.B { animation: float ease-in-out 5s infinite; }
.C { animation: float ease-in-out 3s infinite; }

.logo { animation: float ease-in-out 4s infinite; }

@keyframes floating {
  0%   { transform: translate(0%, 0%) rotate(0); }
  25%  { transform: translate(5%, 15%) rotate(1deg); }
  50%  { transform: translate(10%, 5%) rotate(3deg); }
  75%  { transform: translate(0%, 15%) rotate(1deg); }
  100% { transform: translate(0%, 0%) rotate(0); }
}
@keyframes floating-slow {
  0%   { transform: translate(0%, 0%) rotate(0); }
  25%  { transform: translate(1%, 3%) rotate(2deg); }
  50%  { transform: translate(2%, 1%) rotate(5deg); }
  75%  { transform: translate(0%, 3%) rotate(2deg); }
  100% { transform: translate(0%, 0%) rotate(0); }
}
@keyframes float {
0%   { transform: translatey(0px); }
50%  { transform: translatey(-20px); }
100% { transform: translatey(0px); }
}