@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --background: #0F0A1F;
  --primary: #F48120;
  --primary-darker: #cc6d1f;
}

@keyframes click-bounce {
  0%, 100% {
    transform: translate(0px, 0px) scale(1, 1);
  }
  10% {
    transform: translate(0px, 14px) scale(1.2, 0.9);
  }
}

@keyframes silly-bounce {
  0%, 100% {
    transform: translate(0px, 0px) scale(0.9, 1.1);
    animation-timing-function: linear(0.2, 0.8, 1);
  }
  50% {
    transform: translate(0px, -120px) scale(1.18, 0.9);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
}

@keyframes window-popup {
  0% {
    transform: scale(0, 0.03);
  }
  40% {
    transform: scale(1, 0.03);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes window-popdown {
  0% {
    transform: scale(1, 1);
  }
  60% {
    transform: scale(1, 0.03);
  }
  100% {
    transform: scale(0, 0.03);
  }
}

h2 {
  @apply text-2xl font-bold
}

ul {
  @apply list-disc ms-8 space-y-4
}

.border-outset {
  border-style: outset;
}