@import "tailwindcss";

@theme {
  --font-serif:
    Lora, Cambria, Georgia, "Times New Roman", Times, ui-serif, serif;

  --animate-hop: hop 400ms forwards;

  @keyframes hop {
    0%,
    100% {
      transform: translateY(0);
      animation-timing-function: ease-in;
    }
    20% {
      transform: translateY(-5px);
      animation-timing-function: linear(
        0,
        -0.02 5.3%,
        -0.03 9.4%,
        -0.033 12.8%,
        -0.031 14.3%,
        -0.026 15.8%,
        -0.02 17.2%,
        -0.011 18.6%,
        0 19.9%,
        0.014 21.2%,
        0.048 23.6%,
        0.093 25.9%,
        0.152 28.2%,
        0.225 30.5%,
        0.309 32.7%,
        0.408 34.9%,
        0.522 37.1%,
        0.654 39.4%,
        0.999 44.7%,
        0.609 50.6%,
        0.492 52.6%,
        0.401 54.4%,
        0.327 56.2%,
        0.275 57.9%,
        0.255 58.8%,
        0.243 59.6%,
        0.235 60.4%,
        0.233 61.2%,
        0.235 62%,
        0.242 62.7%,
        0.254 63.5%,
        0.271 64.3%,
        0.32 65.9%,
        0.386 67.5%,
        0.551 70.5%,
        0.997 77.4%,
        0.998 77.5%,
        0.88 79.8%,
        0.813 81.6%,
        0.787 82.6%,
        0.77 83.5%,
        0.759 84.4%,
        0.756 85.4%,
        0.758 86.1%,
        0.764 86.9%,
        0.774 87.7%,
        0.791 88.6%,
        0.828 90.2%,
        0.929 94%,
        0.971 96%,
        0.985 97%,
        0.994 97.9%,
        0.999 98.9%,
        1
      );
    }
  }
}