@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

html { @apply bg-white; }

body {
  @apply font-sans text-black-olive;
  @apply grid grid-rows-[min-content_1fr_min-content];
}

header .navbar { @apply absolute w-full pr-10 flex justify-end; }

section p { @apply mb-4; }
strong { @apply font-semibold; }

em { @apply font-semibold not-italic; }

ul { @apply pl-4; }
li { list-style-type: '- '; }

.dropdown .btn { @apply normal-case text-base; }

section h2 {
  @apply font-bold text-4xl;
  @apply mb-8;
}

.projects h3 { @apply font-semibold text-lg; }
.project { @apply mb-4; }

.icon-link { @apply flex items-start gap-1; }
