@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {

  /* body {
    scroll-behavior: smooth !important;
    @apply scroll-smooth;

  } */

  html {
    @apply bg-pandablack;
    @apply scroll-smooth !important;
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth !important;
    @apply text-pandawhite;
  }

  .Title-Nav {
    font-family: BOBCAT !important;
    src: font-url(/assets/BOBCAT-68fcb50cf9815c5308dd53c55c40a0d175ba2419006a9341b23300b3836850ed.TTF);
  }

  .locus-txt {
    font-family: American Captain !important;
    src: font-url(/assets/AmericanCaptain-3422cecb8ef9266dacf7b7c263890eda7842db23404aa4d66c43ff191d13fa14.ttf);
  }

  .king-cards-txt {
    font-family: varieté !important;
    src: font-url(/assets/VarieteColege-96lZ-00f8b0ac74789d41d3bb63e97f0a3424f9f8439cfbbeec262b7627636db6515f.ttf);
  }


}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */