@font-face {
     font-family: Geist;
     src: url(../fonts/geist/Geist-Bold.woff2) format("woff2");
     font-weight: 700;
     font-style: normal;
     font-display: swap;
 }
 @font-face {
     font-family: Geist;
     src: url(../fonts/geist/Geist-Regular.woff2) format("woff2");
     font-weight: 400;
     font-style: normal;
     font-display: swap;
 }
 @font-face {
     font-family: Geist;
     src: url(../fonts/geist/Geist-Medium.woff2) format("woff2");
     font-weight: 500;
     font-style: normal;
     font-display: swap;
 }
 @font-face {
     font-family: Geist Mono;
     src: url(../fonts/geist-mono/GeistMono-Regular.woff2) format("woff2");
     font-weight: 400;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: Satoshi;
     src: url(../fonts/satoshi/Satoshi-Bold.woff2) format("woff2");
     font-weight: 700;
     font-style: normal;
     font-display: swap;
 }
 @font-face {
     font-family: Satoshi;
     src: url(../fonts/satoshi/Satoshi-Regular.woff2) format("woff2");
     font-weight: 400;
     font-style: normal;
     font-display: swap;
 }
 @font-face {
     font-family: Satoshi;
     src: url(../fonts/satoshi/Satoshi-Medium.woff2) format("woff2");
     font-weight: 500;
     font-style: normal;
     font-display: swap;
 }