/* Flower Garden scene animations. Shared light-theme styles are in css/style.css. */
.gd-sway {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: gd-sway 5s ease-in-out infinite alternate;
}

@keyframes gd-sway {
  from { transform: rotate(-.8deg); }
  to { transform: rotate(.8deg); }
}

.gd-fly {
  animation: gd-fly 7s ease-in-out infinite alternate;
}

@keyframes gd-fly {
  from { transform: translate(0,0); }
  to { transform: translate(24px,-14px); }
}

.gd-sun {
  animation: gd-glow 6s ease-in-out infinite alternate;
}

@keyframes gd-glow {
  from { opacity: .45; }
  to { opacity: .65; }
}