@font-face {
	font-family: "JetBrains Mono";
	src: url("JetBrainsMono-Regular.woff2") format("woff2");
}
:root {
	--main-bg-color: #2C2E3A;
	--font-color: #E2E2E3;
}

html {
	font-family: 'JetBrains Mono', monospace, sans-serif;
	background-color: var(--main-bg-color);
	color: var(--font-color);
}
main {
	max-width: 800px;
	margin: auto;
}
h1 {
	margin-top: 32px;
}
h1, h2 {
	color: #76CCE0;
}
h2 {
	margin-top: 32px;
	margin-bottom: 32px;
}
h4 {
	margin-left: 60px;
	margin-bottom: -10px;
}
p {
	margin-left: 24px;
	margin-right: 24px;
}

a {
	color: #B39DF3;
}

code {
	color: #ECC664;
	background-color: #354157;
	font-size: 16px;
	padding: 0 8px;
}

a.ahover {
	color: var(--font-color);
	transition: color 0.3s, background-color 0.3s, text-decoration-color 0.3s;
}
a.ahover:hover {
	color: var(--main-bg-color);
	background-color: #B39DF3;
	text-decoration: none;
}