@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&display=swap");




@layer utilities {
  .scrollbar-thin {
    scrollbar-width: thin; /* For Firefox */
    -webkit-scrollbar-width: thin; /* For WebKit browsers */
  }

  .scrollbar-thumb {
    scrollbar-color: #4b5563 #e5e7eb; /* thumb color, track color for Firefox */
    -webkit-scrollbar-thumb {
      background-color: #4b5563; /* For WebKit browsers */
      border-radius: 4px;
    }
  }

  .scrollbar-track {
    -webkit-scrollbar-track {
      background-color: #e5e7eb; /* For WebKit browsers */
    }
  }

  .scrollbar-rounded {
    -webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
  }
}

@font-face {
    font-family: 'Tusker Grotesk';
    src: url('/fonts/TuskerGrotesk5600Semibold.woff2') format('woff2'),
         url('/fonts/TuskerGrotesk5600Semibold.woff') format('woff');
    font-weight: 500; /* Semibold */
    font-style: normal;
    font-display: swap; /* Optional: Improves performance by showing fallback text while font loads */
  }
  
  html {
    font-family: 'Tusker Grotesk', sans-serif;
  }

  .prose p {
    margin-top: 0;
    margin-bottom: 1em;
  }

  .prose p:last-child {
    margin-bottom: 0;
  }

  .prose ul,
  .prose ol {
    margin-top: 0;
    margin-bottom: 1em;
  }

  .prose h6 {
    font-size: 1.6rem !important;
    line-height: 1.35 !important;
  }

  @media (min-width: 768px) {
    .prose h6 {
      font-size: 2.0rem !important;
    }
  }

  @media (min-width: 1024px) {
    .prose h6 {
      font-size: 2.1rem !important;
    }
  }