@import url('https://fonts.googleapis.com/css2?family=Fira+Mono:wght@500&family=Martian+Mono:wght@500&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;

/* html {
  @apply h-full;
} */

body {
  @apply bg-bg-900 flex items-center justify-center min-w-full min-h-screen bg-cover;
  background-image: url('/bg.gif');
  image-rendering: crisp-edges !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  backdrop-filter: brightness(50%);
}

* {
  @apply text-text;
  font-family: 'Martian Mono', monospace;
  image-rendering: auto;
}

p {
  @apply text-base;
}

a {
  @apply text-accent;
}

.button {
  box-shadow: 0px 0px 0px 1px rgba(var(--color-accent), 0.8);
}

.monospace {
  @apply text-sm bg-stone-900 p-1 rounded-md;
}

ul {
  @apply list-inside list-disc ml-3;
}