/*noinspection CssNoGenericFontName*/
:root {
	--title-font: "Dancing Script Variable", cursive;
	--content-font: "Playpen Sans Variable", cursive;
	--code-font: "Mononoki", monospace;
	
	font-family: var(--content-font);
	font-size: 18px;
}

body {
	line-height: 1.4;
}

a {
	color: var(--highlight);
	text-decoration: none;
	
	&:hover,
	&:active {
		text-decoration: underline;
	}
}

h1 {
	font-size: 2.25rem;
	margin-top: 0.5em;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-size: 1.75rem;
}

/*noinspection CssNoGenericFontName*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--title-font);
	font-weight: normal;
}

hr {
	background: var(--highlight);
	border: 0;
	height: 1px;
}

/*noinspection CssNoGenericFontName*/
pre {
	font-family: var(--code-font);
	overflow: auto;
	padding: 0.5em;
	tab-size: 2rem;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/*noinspection CssNoGenericFontName*/
code {
	font-family: var(--code-font);
}