@font-face {
	font-family: GoMono;
	src: url(fonts/GoMonoNerdFont-Regular.ttf);
	font-weight: 400;
	font-style: normal;
}

:root {
	--text: #e0def4;
	--love: #eb6f92;
	--gold: #f6c177;
	--rose: #ebbcba;
	--pine: #31748f;
	--foam: #9ccfd8;
	--iris: #c4a7e7;

	--base: #191724;
	--surface: #1f1d2e;
	--overlay: #26233a;

	--hl-med: #403d52;
	--hl-high: #524f67;
}

body {
	background-color: var(--base);
}

h1,
h2,
h3,
h4 {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: var(--love);
}

main {
	font-family: GoMono, serif;
	font-size: 2rem;
	width: 60%;
	margin: auto;
	color: var(--text);
}

p {
	background-color: var(--surface);
	border-radius: 10rem;
	padding: 2rem;
}

b {
	color: var(--gold);
}


a {
	text-decoration: none;
	color: var(--foam);
}

a:visited {
	color: var(--pine);
}

a:hover {
	background-color: pink;
}

li {
	list-style-type: ' ';
	margin-bottom: 2rem;

}
