@font-face {
	font-family: 'ETBembo';
	src: url('/fonts/ETBembo-RomanOSF.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ETBembo';
	src: url('/fonts/ETBembo-DisplayItalic.otf') format('opentype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'ETBembo';
	src: url('/fonts/ETBembo-RomanLF.otf') format('opentype');
	font-weight: light;
	font-style: normal;
}

@font-face {
	font-family: 'ETBembo';
	src: url('/fonts/ETBembo-SemiBoldOSF.otf') format('opentype');
	font-weight: 600; /* 600 is usually considered semi-bold */
	font-style: normal;
}

@font-face {
	font-family: 'Merriweather';
	src: url('/fonts/Merriweather-LightItalic.ttf') format('truetype');
	font-weight: 300; /* Light */
	font-style: italic;
}

@font-face {
	font-family: 'Merriweather';
	src: url('/fonts/Merriweather-Light.ttf') format('truetype');
	font-weight: 300; /* Light */
	font-style: normal;
}

@font-face {
	font-family: 'Merriweather';
	src: url('/fonts/Merriweather-Black.ttf') format('truetype');
	font-weight: 900; /* Black */
	font-style: normal;
}

@font-face {
	font-family: 'Merriweather';
	src: url('/fonts/Merriweather-Italic.ttf') format('truetype');
	font-weight: normal; /* 400 */
	font-style: italic;
}

@font-face {
	font-family: 'Merriweather';
	src: url('/fonts/Merriweather-Bold.ttf') format('truetype');
	font-weight: bold; /* 700 */
	font-style: normal;
}

@font-face {
	font-family: 'Merriweather';
	src: url('/fonts/Merriweather-BlackItalic.ttf') format('truetype');
	font-weight: 900; /* Black */
	font-style: italic;
}

@font-face {
	font-family: 'Merriweather';
	src: url('/fonts/Merriweather-Regular.ttf') format('truetype');
	font-weight: normal; /* 400 */
	font-style: normal;
}

@font-face {
	font-family: 'Merriweather';
	src: url('/fonts/Merriweather-BoldItalic.ttf') format('truetype');
	font-weight: bold; /* 700 */
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-LightItalic.ttf') format('truetype');
	font-weight: 300; /* Light */
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-Thin.ttf') format('truetype');
	font-weight: 100; /* Thin */
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-BoldItalic.ttf') format('truetype');
	font-weight: bold; /* 700 */
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-Bold.ttf') format('truetype');
	font-weight: bold; /* 700 */
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-Light.ttf') format('truetype');
	font-weight: 300; /* Light */
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-Regular.ttf') format('truetype');
	font-weight: normal; /* 400 */
	font-style: normal;
}

@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-ThinItalic.ttf') format('truetype');
	font-weight: 100; /* Thin */
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-BlackItalic.ttf') format('truetype');
	font-weight: 900; /* Black */
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-Italic.ttf') format('truetype');
	font-weight: normal; /* 400 */
	font-style: italic;
}

@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-Black.ttf') format('truetype');
	font-weight: 900; /* Black */
	font-style: normal;
}

@font-face {
	font-family: 'NimbusMonoPS';
	src: url('/fonts/NimbusMonoPS-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'NimbusMonoPS';
	src: url('/fonts/NimbusMonoPS-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'NimbusMonoPS';
	src: url('/fonts/NimbusMonoPS-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'NimbusMonoPS';
	src: url('/fonts/NimbusMonoPS-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


.content {
	font-family: 'NimbusMonoPS', monospace;
}

h1, h2, h3, h4 {
	font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.content pre code {
	background-color: transparent;
}
.content pre {
	background-color: var(--code-bg, #f5f8ff);
}

pre.code-block {
  background-color: var(--code-bg, #f5f8ff);
  padding: 1rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  white-space: pre-wrap;
}
pre.code-block code {
  background: transparent;
  padding: 0;
}