:root {
  --nwg: #8B7D70;
  --coral: #ED4141;
}

@font-face {
  font-family: "Geologica Bold";
  src: url('assets/fonts/Geologica-Bold.ttf') format('truetype');
}

@font-face {
  font-family: "Roboto Slab";
  src: url('assets/fonts/RobotoSlab-Regular.ttf') format('truetype');
}

body, div {
	background: var(--nwg);
	color: white;
	font-family: "Roboto Slab";
}

h1, h2 {
	font-family: "Geologica Bold";
}

h1 {
	font-size: 48pt;
	margin-top: 30vh;
}

h2 {
	font-size: 16pt;
}

.contact-link {
	color: white;
	text-decoration: underline;
}

.contact-link:hover {
	color: white;
	border: 2pt dotted var(--coral);
}

.footer {
	font-size: 8pt;
	margin-top: 20vh;
}