@font-face {
	font-family: "Geist";
	src: url("/src/fonts/Geist-Regular.otf") format("opentype"),
		url("/src/fonts/Geist-Regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Geist";
	src: url("/src/fonts/Geist-Black.otf") format("opentype"),
		url("/src/fonts/Geist-Black.woff2") format("woff2");
	font-weight: 900; /* Adjust font-weight as needed */
	font-style: normal;
}

@font-face {
	font-family: "Geist";
	src: url("/src/fonts/Geist-Bold.otf") format("opentype"),
		url("/src/fonts/Geist-Bold.woff2") format("woff2");
	font-weight: bold;
	font-style: normal;
}

/* Light */
@font-face {
	font-family: "Geist";
	src: url("/src/fonts/Geist-Light.otf") format("opentype"),
		url("/src/fonts/Geist-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
}

/* Medium */
@font-face {
	font-family: "Geist";
	src: url("/src/fonts/Geist-Medium.otf") format("opentype"),
		url("/src/fonts/Geist-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
}

/* SemiBold */
@font-face {
	font-family: "Geist";
	src: url("/src/fonts/Geist-SemiBold.otf") format("opentype"),
		url("/src/fonts/Geist-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
}

/* Thin */
@font-face {
	font-family: "Geist";
	src: url("/src/fonts/Geist-Thin.otf") format("opentype"),
		url("/src/fonts/Geist-Thin.woff2") format("woff2");
	font-weight: 100;
	font-style: normal;
}

/* UltraBlack */
@font-face {
	font-family: "Geist";
	src: url("/src/fonts/Geist-UltraBlack.otf") format("opentype"),
		url("/src/fonts/Geist-UltraBlack.woff2") format("woff2");
	font-weight: 950;
	font-style: normal;
}

/* UltraLight */
@font-face {
	font-family: "Geist";
	src: url("/src/fonts/Geist-UltraLight.otf") format("opentype"),
		url("/src/fonts/Geist-UltraLight.woff2") format("woff2");
	font-weight: 200;
	font-style: normal;
}

/* Example usage */
.geist-light {
	font-family: "Geist", sans-serif;
	font-weight: 300;
}

.geist-medium {
	font-family: "Geist", sans-serif;
	font-weight: 500;
}

.geist-semibold {
	font-family: "Geist", sans-serif;
	font-weight: 600;
}

.geist-thin {
	font-family: "Geist", sans-serif;
	font-weight: 100;
}

.geist-ultrablack {
	font-family: "Geist", sans-serif;
	font-weight: 950;
}

.geist-ultralight {
	font-family: "Geist", sans-serif;
	font-weight: 200;
}

/* Example usage of the font-family */
.geist-regular {
	font-family: "Geist", sans-serif;
	font-weight: normal;
}

.geist-bold {
	font-family: "Geist", sans-serif;
	font-weight: bold;
}

/* Add more classes for other styles as needed */