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

@layer components {}

body {
    @apply bg-primary-500
}

.container {
    @apply max-w-7xl mx-auto grid grid-cols-12
}

.header {
    @apply p-2 bg-slate-200
}

.logo {
    @apply text-orange-400 font-bold w-20 text-xl leading-4 col-span-2
}

.menu {
    @apply col-span-8 flex justify-between
}

a[href^="/#"] {
    @apply underline decoration-dotted underline-offset-2 decoration-neutral-500
}