@import url("https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@theme {
  --color-fm-green-400: hsl(172, 67%, 45%);
  -color-fm-green-900: hsl(183, 100%, 15%);
  -color-fm-grey-500: hsl(186, 14%, 43%);
  -color-fm-grey-400: hsl(184, 14%, 56%);
  -color-fm-grey-200: hsl(185, 41%, 84%);
  -color-fm-grey-50: hsl(189, 47%, 97%);
}
#root {
  font-family: "Space Mono", monospace;
  overflow-y: hidden;
}

* {
  transition: all 0.3s ease-in-out;
}

.shake-horizontal {
  animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

@keyframes shake-horizontal {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    transform: translateX(-10px);
  }
  20%, 40%, 60% {
    transform: translateX(10px);
  }
  80% {
    transform: translateX(8px);
  }
  90% {
    transform: translateX(-8px);
  }
}
.slide-top {
  animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes slide-top {
  0% {
    transform: translateY(100px);
  }
  100% {
    transform: translateY(0);
  }
}/*# sourceMappingURL=App.css.map */