@font-face {
	font-family: "Felix Neue";
	src: url('/fonts/PPNeueMontreal-Book.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Felix Neue";
	src: url('/fonts/PPNeueMontreal-Italic.otf');
	font-weight: normal;
	font-style: italic;
}
/*
@font-face {
	font-family: "Felix Neue";
	src: url('/fonts/PPNeueMontreal-Bold.otf');
	font-weight: bold;
	font-style: normal;
}
*/

@font-face {
	font-family: "Felix Mono";
	src: url('/fonts/JetBrainsMono-ExtraLight.woff2');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: "Felix Mono";
	src: url('/fonts/JetBrainsMono-Light.woff2');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: "Felix Mono";
	src: url('/fonts/JetBrainsMono-Regular.woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Felix Mono";
	src: url('/fonts/JetBrainsMono-Bold.woff2');
	font-weight: bold;
	font-style: normal;
}

/*
@font-face {
	font-family: "Felix Grotesque";
	src: url('/fonts/BricolageGrotesque-Regular.woff2');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	font-family: "Felix Grotesque";
	src: url('/fonts/BricolageGrotesque-Bold.woff2');
	font-weight: bold;
	font-style: normal;
}


:root {
	--gridsize: 8rem;
	--primary: #00ff7f;
	--black: #191510;
    --theme-font-family-base: 'Felix Grotesque', sans-serif;
    --theme-font-family-heading: 'Felix Grotesque', sans-serif;
}

html,
body {
	@apply h-full bg-surface-50 !important;
	background-image: none !important;
}
