@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Handlee&family=Urbanist:ital,wght@0,100..900;1,100..900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

@theme {
 /* font-family / */
  --font-urbanist: "Urbanist", sans-serif;
  --font-handlee: "Handlee", cursive;
  --font-zillaSlab: "Zilla Slab", serif;
  /* / screen breakpoints  */
  --breakpoint-3xl: 1600px;
  --breakpoint-2xl:1440px;
  --breakpoint-xl:1260px;
  --breakpoint-lg:1026px;
  --breakpoint-md:770px;
  --breakpoint-base:640px;
  --breakpoint-sm:480px;
}