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

* {
  font-family: "ConthraxSemiBold";
}

html,
body {
  @apply bg-white text-black w-full min-h-screen;
}

[primary] {
  @apply bg-primary text-white;
}

a {
  @apply cursor-pointer;
}

a[primary-link] {
  @apply text-xl;
}

a[primary-link].active {
  @apply underline;
}

a[primary-sublink] {
  @apply text-xl p-2;
}

a[primary-sublink].active {
  @apply bg-white text-primary;
}

[lightgray] {
  @apply bg-lightgray;
}

[darkgray] {
  @apply bg-darkgray text-white;
}

h1 {
  @apply text-xl;
}