@font-face {
  font-family: "roboto_light";
  src: url("./font/Roboto-Light.woff2") format("woff2"), url("./font/Roboto-Light.woff") format("woff"), url("./font/Roboto-Light.ttf") format("truetype"), url("./font/Roboto-Light.svg#Roboto-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "roboto_bold";
  src: url("./font/Roboto-Bold.woff2") format("woff2"), url("./font/Roboto-Bold.woff") format("woff"), url("./font/Roboto-Bold.ttf") format("truetype"), url("./font/Roboto-Bold.svg#Roboto-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "roboto_med";
  src: url("./font/Roboto-Medium.woff2") format("woff2"), url("./font/Roboto-Medium.woff") format("woff"), url("./font/Roboto-Medium.ttf") format("truetype"), url("./font/Roboto-Medium.svg#Roboto-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "roboto_reg";
  src: url("./font/Roboto-Regular.woff2") format("woff2"), url("./font/Roboto-Regular.woff") format("woff"), url("./font/Roboto-Regular.ttf") format("truetype"), url("./font/Roboto-Regular.svg#Roboto-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "roboto_thin";
  src: url("./font/Roboto-Thin.woff2") format("woff2"), url("./font/Roboto-Thin.woff") format("woff"), url("./font/Roboto-Thin.ttf") format("truetype"), url("./font/Roboto-Thin.svg#Roboto-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "raleway_extra_light";
  src: url("./fonts/raleway/Raleway-ExtraLight.woff2") format("woff2"), url("./fonts/raleway/Raleway-ExtraLight.woff") format("woff"), url("./fonts/raleway/Raleway-ExtraLight.ttf") format("truetype"), url("./fonts/raleway/Raleway-ExtraLight.svg#Raleway-ExtraLight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "raleway_light";
  src: url("./fonts/raleway/Raleway-Light.woff2") format("woff2"), url("./fonts/raleway/Raleway-Light.woff") format("woff"), url("./fonts/raleway/Raleway-Light.ttf") format("truetype"), url("./fonts/raleway/Raleway-Light.svg#Raleway-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "raleway_med";
  src: url("./fonts/raleway/Raleway-Medium.woff2") format("woff2"), url("./fonts/raleway/Raleway-Medium.woff") format("woff"), url("./fonts/raleway/Raleway-Medium.ttf") format("truetype"), url("./fonts/raleway/Raleway-Medium.svg#Raleway-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "raleway_semi";
  src: url("./fonts/raleway/Raleway-SemiBold.woff2") format("woff2"), url("./fonts/raleway/Raleway-SemiBold.woff") format("woff"), url("./fonts/raleway/Raleway-SemiBold.ttf") format("truetype"), url("./fonts/raleway/Raleway-SemiBold.svg#Raleway-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "raleway_reg";
  src: url("./fonts/raleway/Raleway-Regular.woff2") format("woff2"), url("./fonts/raleway/Raleway-Regular.woff") format("woff"), url("./fonts/raleway/Raleway-Regular.ttf") format("truetype"), url("./fonts/raleway/Raleway-Regular.svg#Raleway-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "raleway_bold";
  src: url("./fonts/raleway/Raleway-Bold.woff2") format("woff2"), url("./fonts/raleway/Raleway-Bold.woff") format("woff"), url("./fonts/raleway/Raleway-Bold.ttf") format("truetype"), url("./fonts/raleway/Raleway-Bold.svg#Raleway-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}