/* TailwindCSS base styles */
/* see https://tailwindcss.com/docs/functions-and-directives#tailwind */
@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind variants;

/* FONT */
/* inter-regular - latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/inter-v12-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fonts/inter-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/inter-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/fonts/inter-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/inter-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fonts/inter-v12-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
}
  
  /* inter-500 - latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/inter-v12-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
            url('/fonts/inter-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/fonts/inter-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
            url('/fonts/inter-v12-latin-500.woff') format('woff'), /* Modern Browsers */
            url('/fonts/inter-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
            url('/fonts/inter-v12-latin-500.svg#Inter') format('svg'); /* Legacy iOS */
}
  

/* Site Specific */
/* put site specific css styles here using the @layer directive */
/* see https://tailwindcss.com/docs/functions-and-directives#layer */
@layer components {
    .welcome-headline {
        @apply border-r-4;
    }
}

@layer base {
    html {
        font-family: Inter;
        font-weight: 400;
        background-color: red !important;
    }
    h1, h2, h3, h4, h5, h6 {
        font-family: Inter;
        font-weight: 500;
    }

    #TableOfContents li {
        padding-bottom: 14px;
    }
}