/* Inter */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Inter-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/Inter-ExtraLight.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Inter-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Inter-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Inter-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Inter-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Inter-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Inter-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Inter-Black.ttf") format("truetype");
}

/* Raleway */

@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Raleway Regular"),
    url(../fonts/raleway/Raleway-Regular.woff2) format("woff2"),
    url(../fonts/raleway/Raleway-Regular.woff) format("woff"),
    url(../fonts/raleway/Raleway-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Raleway Medium"),
    url(../fonts/raleway/Raleway-Medium.woff2) format("woff2"),
    url(../fonts/raleway/Raleway-Medium.woff) format("woff"),
    url(../fonts/raleway/Raleway-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Raleway SemiBold"),
    url(../fonts/raleway/Raleway-SemiBold.woff2) format("woff2"),
    url(../fonts/raleway/Raleway-SemiBold.woff) format("woff"),
    url(../fonts/raleway/Raleway-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Raleway Bold"),
    url(../fonts/raleway/Raleway-Bold.woff2) format("woff2"),
    url(../fonts/raleway/Raleway-Bold.woff) format("woff"),
    url(../fonts/raleway/Raleway-Bold.ttf) format("truetype");
}