@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 mt-14 h-full;
    @apply bg-(--bg2-light);
  }
  
  a {
    @apply hover:underline;
    text-decoration-color: #F9DC5C;
  }
}

@tailwind utilities;