@font-face {
    font-family: Text; 
    src: url("unoversoneue-Serif.otf") format("opentype");
    font-style: normal;
}

@font-face {
    font-family: Hack; 
    src: url("Hack Regular.ttf") format("truetype");
    font-style: normal;
}

@font-face {
    font-family: SubTitle; 
    src: url("LibertinusSerif-Regular.otf") format("opentype");
    font-style: normal;
}

@font-face {
    font-family: TitleBold; 
    src: url("LibertinusSerif-Semibold.otf") format("opentype");
    font-style: bold;
}

body {
	background-color: #e0dfd5;
	font-family: Text;
	font-size: 20pt;
	color: #000000;
	margin-left: min(20vw, calc((100vw - 1000px) / 2));
	margin-right: min(40vw, calc((100vw - 800px) / 2));
}

a:link {
	color: #6642ad;
}

/* visited link */
a:visited {
	color: #9942ad;
}

/* mouse over link */
a:hover {
	color: #a378bf;
}

/* selected link */
a:active {
	color: #a378bf;
}

img {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px;
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

h1 {
	color: #bdb8aa;
	border-radius: 14px;
	text-align: center;
	font-family: TitleBold;
	font-size: 36pt;
	background-color: #63634a;
}

h2 {
	color: #3b3a37;
	border-radius: 14px;
	text-align: center;
	font-family: TitleBold;
	font-size: 32pt;
	background-color: #bdb8aa;
}

h3 {
	border-radius: 14px;
	color: #3b3a37;
	text-align: center;
	font-family: TitleBold;
	font-size: 28pt;
	background-color: #d9d6b6;
}
h4 {
	color: #3b3a37;
	text-align: center;
	border-radius: 14px;
	font-family: SubTitle;
	font-size: 24pt;
	background-color: #d9d6b6;
}
h5 {
	color: #3b3a37;
	text-align: center;
	border-radius: 14px;
	font-family: SubTitle;
	font-size: 22pt;
	font-style: italic;
}
h6 {
	color: #3b3a37;
	border-radius: 14px;
	text-align: center;
	font-family: SubTitle;
	font-size: 20pt;
	font-style: italic;
}
pre {
	background-color: #61615e;
	font-family: Hack;
	font-size: 18pt;
	color: #d9d6b6;
}

blockquote {
	color: #61615e;
	font-family: Hack;
	font-style: italic;
	color: #d9d6b6;
}