@tailwind base;
@tailwind components;
@tailwind utilities;
 
  @font-face {
    font-family: 'Spartan';
    font-style: regular;
    font-weight: 400;
    font-display: swap;
    src: url('../../fonts/spartan/Spartan-Regular.ttf') format('truetype');
  }

  @font-face {
    font-family: 'Spartan';
    font-style: medium;
    font-weight: 500;
    font-display: swap;
    src: url('../../fonts/spartan/Spartan-Medium.ttf') format('truetype');
  }

  @font-face {
    font-family: 'Spartan';
    font-style: semibold;
    font-weight: 600;
    font-display: swap;
    src: url('../../fonts/spartan/Spartan-Medium.ttf') format('truetype');
  }


  @font-face {
    font-family: 'Spartan';
    font-style: bold;
    font-weight: 700;
    font-display: swap;
    src: url('../../fonts/spartan/Spartan-SemiBold.ttf') format('truetype');
  }

  @font-face {
    font-family: 'Spartan';
    font-style: extrabold;
    font-weight: 800;
    font-display: swap;
    src: url('../../fonts/spartan/Spartan-ExtraBold.ttf') format('truetype');
  }

  body {
      @apply font-spartan;
    }

  nav {
    @apply font-spartan;
    @apply font-semibold;
  }


  h1 {
    @apply text-3xl my-6 font-bold text-center text-gray-800 uppercase;
  }

  h1.home {
    @apply text-6xl font-extrabold text-primary text-left normal-case;
  }

  h2 {
    @apply my-4 text-2xl font-bold text-gray-800;
  }

  h3 {
    @apply my-2 text-lg font-bold text-gray-800;
  }

  h4 {
    @apply my-2 text-lg italic text-gray-800;
  }

  p {
    @apply my-6
  }

  a {
    @apply underline cursor-pointer
  }

  blockquote {
    @apply italic border-l-4 pl-6 border-secondary
  }

  .splide__arrow:disabled { opacity: 0; cursor: default;  }