@import "react_crop";

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

@layer base {
  @font-face {
    font-family: "Inter";
    src: url(/fonts/Inter/Inter.ttf);
  }

  @font-face {
    font-family: "Montserrat";
    src: url(/fonts/Montserrat/Montserrat.ttf);
  }

  @font-face {
    font-family: "Tinos";
    font-weight: 400;
    src: url(/fonts/Tinos/Tinos-Regular.ttf);
  }

  @font-face {
    font-family: "Tinos-Bold";
    font-weight: 700;
    src: url(/fonts/Tinos/Tinos-Bold.ttf);
  }
}