@font-face {
	font-family: "Instrument Serif";
	src: url(fonts/InstrumentSerif-Regular.woff2) format("woff2");
}

@font-face {
	font-family: "Roboto Condensed";
	src: url(fonts/RobotoCondensed-Regular.woff2) format("woff2");
}

body {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 20px;
	line-height: 85%;
	color: #c4c6cf;
	background-color: #18191e;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 17.5%;
	margin-right: 17.5%;
	padding: 2rem;
}

a {
	color: #47415e;
	font-weight: bold;
}

a:hover {
	color: #d1d7d5;
	text-shadow:
		-2px -2px 0 #d1d7d537,
		2px -2px 0 #d1d7d537,
		-2px 2px 0 #d1d7d537,
		2px 2px 0 #d1d7d537;
}

button {
	font-family: "Instrument Serif", serif;
	font-size: 120%;
	font-weight: bold;
	color: #18191e;
	background-color: #d1c3cD;
}

button:hover {
	color: #c4c6cf;
	background-color: #38393e;
	text-shadow:
		-1px -1px 0 #c4c6cf37,
		1px -1px 0 #c4c6cf37,
		-1px 1px 0 #c4c6cf37,
		1px 1px 0 #c4c6cf37;
}

h2,
h3 {
	font-family: "Instrument Serif", serif;
	color: #d1c3cD;
	text-shadow:
		-2px -2px 0 #d1c3cD37,
		2px -2px 0 #d1c3cD37,
		-2px 2px 0 #d1c3cD37,
		2px 2px 0 #d1c3cD37;
}

h2 {
	font-size: 36px;
	margin-bottom: 0px;
	padding-bottom: 1rem;
	border-bottom: 1px solid #646676;
}

h3 {
	font-size: 28px !important;
	padding-top: 1.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #646676;
}

img {
	width: 300px;
	height: 300px;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	border: 4px dashed #ffd8dc;
}

.grey {
	color: #9496a6;
}