@import './reset.css';
@import './style.css';

@import url('https://fonts.googleapis.com/css2?family=Creepster&display=swap');

body {
  font-family: "Creepster", system-ui;
  font-weight: 400;
  font-style: normal;
}

@keyframes pulse {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

.animate-bounce {
  animation: bounce 1s infinite;
}

.delay-333 {
  animation-delay: 333ms;
}

.h-screen {
  height: 100vh;
}

.\-rotate-6 {
  transform: rotate(-6deg);
}

.text-shadow-1-1-0-limegreen {
  text-shadow: 1px 1px 0 limegreen
}

.text-shadow-2-2-0-limegreen {
  text-shadow: 2px 2px 0 limegreen
}