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

@layer base {
  @font-face {
    font-family: "Montserrat";
    src: local("Montserrat-VariableFont_wght"),
      url(assets/fonts/Montserrat-VariableFont_wght.ttf) format("truetype");
  }

  @font-face {
    font-family: "JetBrains Mono";
    src: local("JetBrainsMono-VariableFont_wght"),
      url(assets/fonts/JetBrainsMono-VariableFont_wght.ttf) format("truetype");
  }

  * {
    @apply transition-colors duration-200 ease-in-out;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    user-select: none;
  }

  :root {
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
  }
}
