@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

body {
	font-family:
		"Zen Maru Gothic",
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		'Segoe UI',
		Roboto,
		Oxygen,
		Ubuntu,
		Cantarell,
		'Open Sans',
		'Helvetica Neue',
		sans-serif;
	font-size: 18px;
	line-height: 1.6;
	word-wrap: break-word;
}

h1 {
	font-size: 2.5rem;
	color: #25938c;
	font-weight: 400;
}

h2 {
	font-size: 1.5rem;
	color: #25938c;
	font-weight: bold;
}

h3 {
	font-size: 1.35rem;
	color: #25937c;
	font-weight: normal;
}

p {
	font-weight: normal;
	margin-bottom: 20px;
}

ul li::marker {
	content: ">  ";
	color: hsl(160, 100%, 37%);
}

li p {
	margin-bottom: -15px;
}

li {
	line-height: 22px;
	margin-top: 10px;
}

a, a:visited {
	color: #00458a;
	text-decoration: none;
}

img.frontpage {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
}

img.main {
	max-width: 80%;
}

.container {
	padding-bottom: 60px;
	max-width: 1600px;
	display: flex;
	margin: auto;
}

.nav-view {
	width: 30%;
	height: 100%;
}

.main-view {
	width: 40%;
	height: 100%;
}

.main-view-no-side {
	width: 60%;
	height: 100%;
}

.side-view {
	width: 30%;
	height: 100%;
}

.smaller {
	scale: 80%;
}
