:root {
	--lavander: #b4befe;
	--text: #cdd6f4;
	--surface0: #313244;
	--base: #1e1e2e;
	--crust: #11111b;

	--accent: var(--lavander);
}

* {
	padding: 0px;
	margin: 0px;
	user-select: none;
	color: var(--text);
}

h1,
h2,
h3,
h4,
h5,
h6 {

	color: var(--accent);
}

body {
	font-family: 'MS Sans Serif', 'Tahoma', 'Courier New', monospace;
	background-color: var(--crust);
	text-shadow: 0 0 20px var(--accent);
}

.container {
	min-height: 500px;
}

.section {
	margin-top: 20px;
	margin-left: 20px;
	padding: 1%;
	background: var(--base);
	display: inline-block;
	border: 1px solid var(--surface0);
	vertical-align: middle;
}

/* ul {
	list-style-type: none;
	padding: 0px;
} */

/*
a:not(:has(*))::before {
	content: "» ";
}

a:not(:has(*))::after {
	content: " «";
}
*/

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