@keyframes logoEnter {
  0% {
    transform: scale(0) rotate(-90deg); }
  100% {
    transform: scale(1) rotate(0deg); } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes enterLeft {
  0% {
    transform: translateX(-100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes enterRight {
  0% {
    transform: translateX(100%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
body.index img.logo {
  animation: logoEnter 2s linear; }

body.index .enterRight {
  animation: enterRight 2s linear; }

body.index .enterLeft {
  animation: enterLeft 2s linear; }

.fadein {
  animation: fadeIn 2s linear; }

/*# sourceMappingURL=animation.css.map */