@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@font-face {
  font-family: "SofiaSans";
  src: url("../fonts/SofiaSans-Thin.woff2") format("woff2");
  font-weight: 100;
}

@font-face {
  font-family: "SofiaSans";
  src: url("../fonts/SofiaSans-ExtraLight.woff2") format("woff2");
  font-weight: 200;
}

@font-face {
  font-family: "SofiaSans";
  src: url("../fonts/SofiaSans-Light.woff2") format("woff2");
  font-weight: 300;
}

@font-face {
  font-family: "SofiaSans";
  src: url("../fonts/SofiaSans-Regular.woff2") format("woff2");
  font-weight: 400;
}

@font-face {
  font-family: "SofiaSans";
  src: url("../fonts/SofiaSans-Medium.woff2") format("woff2");
  font-weight: 500;
}

@font-face {
  font-family: "SofiaSans";
  src: url("../fonts/SofiaSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
}

@font-face {
  font-family: "SofiaSans";
  src: url("../fonts/SofiaSans-Bold.woff2") format("woff2");
  font-weight: 700;
}

@font-face {
  font-family: "SofiaSans";
  src: url("../fonts/SofiaSans-ExtraBold.woff2") format("woff2");
  font-weight: 800;
}