/*** EXTRA FONTS (LAZY LOAD) ***/
@font-face {
	font-family: "FiraCode";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/FiraCode/static/FiraCode-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "FiraCode";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/FiraCode/static/FiraCode-Bold.ttf") format("truetype");
}
@font-face {
	font-family: "Hack";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/Hack/Hack-regular.ttf");
}
@font-face {
	font-family: "Hack";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/Hack/Hack-italic.ttf");
}
@font-face {
	font-family: "Hack";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/Hack/Hack-bold.ttf");
}
@font-face {
	font-family: "Hack";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/Hack/Hack-italic-bold.ttf");
}
@font-face {
	font-family: "Merriweather";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/Merriweather/Merriweather-normal-400.woff2") format("woff2"),
		url("/fonts/Merriweather/Merriweather-regular.ttf") format("truetype");
}
@font-face {
	font-family: "Merriweather";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/Merriweather/Merriweather-italic-400.woff2") format("woff2"),
		url("/fonts/Merriweather/Merriweather-italic-regular.ttf") format("truetype");
}
@font-face {
	font-family: "Merriweather";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/Merriweather/Merriweather-normal-700.woff2") format("woff2"),
		url("/fonts/Merriweather/Merriweather-bold.ttf") format("truetype");
}
@font-face {
	font-family: "Merriweather";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/Merriweather/Merriweather-italic-700.woff2") format("woff2"),
		url("/fonts/Merriweather/Merriweather-italic-bold.ttf") format("truetype");
}
@font-face {
	font-family: "OpenSans";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/fonts/OpenSans/OpenSans-variable.ttf") format("truetype");
}
@font-face {
	font-family: "OpenSans";
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url("/fonts/OpenSans/OpenSans-italic-variable.ttf") format("truetype");
}
@font-face {
	font-family: "Raleway";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/fonts/Raleway/Raleway-variable.ttf") format("truetype");
}
@font-face {
	font-family: "Raleway";
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url("/fonts/Raleway/Raleway-italic-variable.ttf") format("truetype");
}
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("/fonts/Montserrat/Montserrat-variable.ttf") format("truetype");
}
@font-face {
	font-family: "Montserrat";
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url("/fonts/Montserrat/Montserrat-italic-variable.ttf") format("truetype");
}
@font-face {
	font-family: "Julius";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/JuliusSansOne/JuliusSansOne-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "Pacifico";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/Pacifico/Pacifico-normal-400.woff2") format("woff2"),
		url("/fonts/Pacifico/Pacifico-regular.ttf") format("truetype");
}
@font-face {
	font-family: "GreatVibes";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/GreatVibes/GreatVibes-normal-400.woff2") format("woff2"),
		url("/fonts/GreatVibes/GreatVibes-regular.ttf") format("truetype");
}
@font-face {
	font-family: "KaushanScript";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/KaushanScript/KaushanScript-Regular.woff2") format("woff2"),
		url("/fonts/KaushanScript/KaushanScript-regular.ttf") format("truetype");
}
@font-face {
	font-family: "LibreBaskerville";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/LibreBaskerville/LibreBaskerville-normal-400.woff2") format("woff2"),
		url("/fonts/LibreBaskerville/LibreBaskerville-normal-400.ttf") format("truetype");
}
@font-face {
	font-family: "LibreBaskerville";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/LibreBaskerville/LibreBaskerville-italic-400.woff2") format("woff2"),
		url("/fonts/LibreBaskerville/LibreBaskerville-italic-400.ttf") format("truetype");
}
@font-face {
	font-family: "LibreBaskerville";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/LibreBaskerville/LibreBaskerville-normal-700.woff2") format("woff2"),
		url("/fonts/LibreBaskerville/LibreBaskerville-normal-700.ttf") format("truetype");
}
@font-face {
	font-family: "LibreBaskerville";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/LibreBaskerville/LibreBaskerville-italic-700.woff2") format("woff2"),
		url("/fonts/LibreBaskerville/LibreBaskerville-italic-700.ttf") format("truetype");
}
@font-face {
	font-family: "SourceSerif4";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: 
		url("/fonts/SourceSerif4/SourceSerif4-normal-400.ttf") format("truetype");
}
@font-face {
	font-family: "SourceSerif4";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: 
		url("/fonts/SourceSerif4/SourceSerif4-italic-400.ttf") format("truetype");
}
@font-face {
	font-family: "SourceSerif4";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: 
		url("/fonts/SourceSerif4/SourceSerif4-normal-700.ttf") format("truetype");
}
@font-face {
	font-family: "SourceSerif4";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: 
		url("/fonts/SourceSerif4/SourceSerif4-italic-700.ttf") format("truetype");
}
@font-face {
	font-family: "Work Sans";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/WorkSans/WorkSans-normal-400.woff2") format("woff2"),
		url("/fonts/WorkSans/WorkSans-normal-400.ttf") format("truetype");
}
@font-face {
	font-family: "Work Sans";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/WorkSans/WorkSans-italic-400.woff2") format("woff2"),
		url("/fonts/WorkSans/WorkSans-italic-400.ttf") format("truetype");
}
@font-face {
	font-family: "Work Sans";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/WorkSans/WorkSans-normal-700.woff2") format("woff2"),
		url("/fonts/WorkSans/WorkSans-normal-700.ttf") format("truetype");
}
@font-face {
	font-family: "Work Sans";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/WorkSans/WorkSans-italic-700.woff2") format("woff2"),
		url("/fonts/WorkSans/WorkSans-italic-700.ttf") format("truetype");
}
@font-face {
	font-family: "Arvo";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/Arvo/Arvo-normal-400.woff2") format("woff2"),
		url("/fonts/Arvo/Arvo-normal-400.ttf") format("truetype");
}
@font-face {
	font-family: "Arvo";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/Arvo/Arvo-italic-400.woff2") format("woff2"),
		url("/fonts/Arvo/Arvo-italic-400.ttf") format("truetype");
}
@font-face {
	font-family: "Arvo";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/Arvo/Arvo-normal-700.woff2") format("woff2"),
		url("/fonts/Arvo/Arvo-normal-700.ttf") format("truetype");
}
@font-face {
	font-family: "Arvo";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/Arvo/Arvo-italic-700.woff2") format("woff2"),
		url("/fonts/Arvo/Arvo-italic-700.ttf") format("truetype");
}
@font-face {
	font-family: "JetBrains Mono";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/JetBrainsMono/JetBrainsMono-normal-400.woff2") format("woff2"),
		url("/fonts/JetBrainsMono/JetBrainsMono-normal-400.ttf") format("truetype");
}
@font-face {
	font-family: "JetBrains Mono";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/JetBrainsMono/JetBrainsMono-italic-400.woff2") format("woff2"),
		url("/fonts/JetBrainsMono/JetBrainsMono-italic-400.ttf") format("truetype");
}
@font-face {
	font-family: "JetBrains Mono";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/JetBrainsMono/JetBrainsMono-normal-700.woff2") format("woff2"),
		url("/fonts/JetBrainsMono/JetBrainsMono-normal-700.ttf") format("truetype");
}
@font-face {
	font-family: "JetBrains Mono";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/JetBrainsMono/JetBrainsMono-italic-700.woff2") format("woff2"),
		url("/fonts/JetBrainsMono/JetBrainsMono-italic-700.ttf") format("truetype");
}
@font-face {
	font-family: "IBM Plex Mono";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/IBMPlexMono/IBMPlexMono-normal-400.woff2") format("woff2"),
		url("/fonts/IBMPlexMono/IBMPlexMono-normal-400.ttf") format("truetype");
}
@font-face {
	font-family: "IBM Plex Mono";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/IBMPlexMono/IBMPlexMono-italic-400.woff2") format("woff2"),
		url("/fonts/IBMPlexMono/IBMPlexMono-italic-400.ttf") format("truetype");
}
@font-face {
	font-family: "IBM Plex Mono";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/IBMPlexMono/IBMPlexMono-normal-700.woff2") format("woff2"),
		url("/fonts/IBMPlexMono/IBMPlexMono-normal-700.ttf") format("truetype");
}
@font-face {
	font-family: "IBM Plex Mono";
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/IBMPlexMono/IBMPlexMono-italic-700.woff2") format("woff2"),
		url("/fonts/IBMPlexMono/IBMPlexMono-italic-700.ttf") format("truetype");
}
@font-face {
	font-family: "Dancing Script";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/DancingScript/DancingScript-normal-400.woff2") format("woff2"),
		url("/fonts/DancingScript/DancingScript-normal-400.ttf") format("truetype");
}
@font-face {
	font-family: "Dancing Script";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/DancingScript/DancingScript-normal-700.woff2") format("woff2"),
		url("/fonts/DancingScript/DancingScript-normal-700.ttf") format("truetype");
}
@font-face {
	font-family: "Bebas Neue";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/BebasNeue/BebasNeue-normal-400.woff2") format("woff2"),
		url("/fonts/BebasNeue/BebasNeue-normal-400.ttf") format("truetype");
}
@font-face {
	font-family: "UnifrakturCook";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/UnifrakturCook/UnifrakturCook-normal-700.woff2") format("woff2"),
		url("/fonts/UnifrakturCook/UnifrakturCook-normal-700.ttf") format("truetype");
}
@font-face {
	font-family: "UnifrakturMaguntia";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/UnifrakturMaguntia/UnifrakturMaguntia-normal-400.woff2") format("woff2"),
		url("/fonts/UnifrakturMaguntia/UnifrakturMaguntia-normal-400.ttf") format("truetype");
}
@font-face {
	font-family: "Pirata One";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/PirataOne/PirataOne-normal-400.woff2") format("woff2"),
		url("/fonts/PirataOne/PirataOne-normal-400.ttf") format("truetype");
}
@font-face {
	font-family: "Grenze Gotisch";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/fonts/GrenzeGotisch/GrenzeGotisch-normal-400.ttf") format("truetype");
}
@font-face {
	font-family: "Grenze Gotisch";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/fonts/GrenzeGotisch/GrenzeGotisch-normal-700.ttf") format("truetype");
}