@font-face {
  font-family: "Gals";
  src: url("../fonts/GalsLight.ttf");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Gals";
  src: url("../fonts/gals.woff2"),
    url("../fonts/gals.ttf");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Gals";
  src: url("../fonts/gals-bold.woff2"),
    url("../fonts/gals_bold.ttf");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF-Pro-Display-Light.otf");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF-Pro-Display-Regular.otf");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF-Pro-Display-Medium.otf");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF-Pro-Display-Semibold.otf");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SF-Pro-Display-Bold.otf");
  font-weight: 700;
  font-display: swap;
}