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

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

@font-face {
	font-family: "Berkeley Mono";
	font-style: italic;
	font-weight: normal;
	src: url("../fonts/BerkeleyMono-Oblique.otf") format("opentype");
}

@font-face {
	font-family: "Berkeley Mono";
	font-style: italic;
	font-weight: bold;
	src: url("../fonts/BerkeleyMono-Bold-Oblique.otf") format("opentype");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	src: url("../fonts/Inter.var.woff2") format("woff2");
}

@font-face {
	font-family: "Inter";
	font-style: italic;
	src: url("../fonts/Inter-italic.var.woff2") format("woff2");
}

@font-face {
	font-family: "Expletus Sans";
	font-style: normal;
	src: url("../fonts/ExpletusSans-VariableFont_wght.ttf") format("ttf");
}

@font-face {
	font-family: "Expletus Sans";
	font-style: italic;
	src: url("../fonts/ExpletusSans-Italic-VariableFont_wght.ttf") format("ttf");
}


body {
	font-family: "Inter", sans-serif;
	line-height: 32px;
	font-size: 18px;
}

h1 {
	font-family: "Berkeley Mono", sans-serif;
	font-size: 52px;
	font-style: normal !important;
	font-weight: 100 !important;
	line-height: 64px;
}

h2 {
	font-family: "Berkeley Mono", sans-serif;
	font-size: 50px;
	font-style: normal !important;
	font-weight: 100 !important;
	line-height: 64px;
}

h3 {
	font-family: "Berkeley Mono", sans-serif;
	font-size: 32px;
	font-style: normal !important;
	font-weight: 100 !important;
	line-height: 64px;
}

h4 {
	font-family: "Berkeley Mono", sans-serif;
	font-size: 28px;
	font-style: normal !important;
	font-weight: 100 !important;
	line-height: 64px;
}

code {
	font-family: "Berkeley Mono", monospace;
}