@import "google-fonts/roboto.css";
@import "google-fonts/bitter.css";
@import "google-fonts/hedvig.css";
@import "google-fonts/ibm.css";
@import "google-fonts/ibm-serif.css";
@import "google-fonts/inter.css";
@import "google-fonts/montserrat.css";
@import "google-fonts/poppins.css";

@font-face {
  font-family: "Inter";
  src: url("/Inter-VariableFont_slnt,wght.ttf");
}

@font-face {
  font-family: Butler;
  src: url("/Butler-FREE-VERSION-Regular.otf")
}

@font-face {
  font-family: Butler;
  font-weight: 900;
  src: url("/Butler-FREE-VERSION-Black.otf")
}

@font-face {
  font-family: Butler;
  font-weight: 700;
  src: url("/Butler-FREE-VERSION-Bold.otf")
}

@font-face {
  font-family: Butler;
  font-weight: 800;
  src: url("/Butler-FREE-VERSION-ExtraBold.otf")
}

@font-face {
  font-family: Butler;
  font-weight: 300;
  src: url("/Butler-FREE-VERSION-Light.otf")
}

@font-face {
  font-family: Butler;
  font-weight: 200;
  src: url("/Butler-FREE-VERSION-ExtraLight.otf")
}

@font-face {
  font-family: Butler;
  font-weight: 500;
  src: url("/Butler-FREE-VERSION-Medium.otf")
}

@font-face {
  font-family: Butler;
  font-weight: 400;
  src: url("/Butler-FREE-VERSION-Regular.otf")
}

@font-face {
  font-family: Butler;
  font-weight: 600;
  src: url("/Butler-FREE-VERSION-SemiBold.otf")
}

@font-face {
  font-family: Mattone;
  font-weight: 400;
  src: url("/Mattone-Regular.otf")
}

@font-face {
  font-family: Mattone;
  font-weight: 700;
  src: url("/Mattone-Bold.otf")
}

@font-face {
  font-family: Mattone;
  font-weight: 900;
  src: url("/Mattone-Black.otf")
}

@font-face {
  font-family: Metropolis;
  font-weight: 400;
  src: url("/Metropolis-Regular.otf")
}

@font-face {
  font-family: Metropolis;
  font-weight: 700;
  src: url("/Metropolis-Bold.otf")
}