@import "tailwindcss";

@layer base {
  @font-face {
    font-family: Barnum;
    font-style: normal;
    font-weight: 200 700;
    font-display: swap;
    src: url("/fonts/barnum-roman.ttf");
  }
  
  :root {
    --bg-light: #f4f4f9;
    --accent: #F9DC5C;
  }
  
  html body {
    @apply font-[Barnum];
    @apply w-[68%] mx-auto h-full;
    @apply bg-(--bg-light);
  }
  
  a {
    @apply hover:underline;
    text-decoration-color: var(--accent);
  }
}

.content-panel {
  @apply w-[68%];
}

@tailwind utilities;