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

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

@layer base {
  @font-face {
    font-family: "Gilroy";
    src: url("/assets/Gilroy-Thin-9fd727f2.ttf");
    font-weight: 150;
    font-style: normal;
  }

  @font-face {
    font-family: "Gilroy";
    src: url("/assets/Gilroy-UltraLight-f188dfe2.ttf");
    font-weight: 200;
    font-style: normal;
  }

  @font-face {
    font-family: "Gilroy";
    src: url("/assets/Gilroy-Light-835bf274.ttf");
    font-weight: 300;
    font-style: normal;
  }

  @font-face {
    font-family: "Gilroy";
    src: url("/assets/Gilroy-Regular-7d880d20.ttf");
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: "Gilroy";
    src: url("/assets/Gilroy-Medium-4c220bba.ttf");
    font-weight: 500;
    font-style: normal;
  }

  @font-face {
    font-family: "Gilroy";
    src: url("/assets/Gilroy-SemiBold-7a4d4d57.ttf");
    font-weight: 650;
    font-style: normal;
  }

  @font-face {
    font-family: "Gilroy";
    src: url("/assets/Gilroy-Bold-01a4630a.ttf");
    font-weight: 700;
    font-style: normal;
  }

  @font-face {
    font-family: "Gilroy";
    src: url("/assets/Gilroy-Black-a21baa54.ttf");
    font-weight: 900;
    font-style: normal;
  }
}