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

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

.inter-med {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

html,
body {
  @apply text-neutral-200;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-stretch: condensed;
}

button {
  @apply bg-neutral-600
    border-b-4
    border-neutral-800
    font-bold
    hover:bg-neutral-700
    hover:border-neutral-500
    px-4
    py-2
    rounded
    text-white;
}