/*$$$$$$__$$$$__$$__$$_$$$$$$__$$$$_
  $$_____$$__$$_$$$_$$___$$___$$____
  $$$$___$$__$$_$$_$$$___$$____$$$$_
  $$_____$$__$$_$$__$$___$$_______$$
  $$______$$$$__$$__$$___$$____$$$$_*/
@font-face {
  font-family: San Francisco;
  src: url(../assets/fonts/SF/woff2/SF-Pro-Display-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-variant: normal;
  font-display: swap;
}
@font-face {
  font-family: San Francisco;
  src: url(../assets/fonts/SF/woff2/SF-Pro-Display-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-variant: normal;
  font-display: swap;
}
@font-face {
  font-family: San Francisco;
  src: url(../assets/fonts/SF/woff2/SF-Pro-Display-Semibold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  font-variant: normal;
  font-display: swap;
}
@font-face {
  font-family: San Francisco;
  src: url(../assets/fonts/SF/woff2/SF-Pro-Display-Bold.woff2) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  font-variant: normal;
  font-display: swap;
}

@import url("https://fonts.googleapis.com/css2?family=Abel&display=swap");