:root {
	font-family: "Fira Mono", "monospace";

	/* Background colors	*/
	--b1: #121212;
	--b2: #1E1E1E;
	--b3: #232323;

	/* Foreground colors */
	--f1: rgba(255, 255, 255, 0.8);
	--f2: rgba(255, 255, 255, 0.6);
	--f3: rgba(255, 255, 255, 0.3);
}

html {
	background-color: var(--b1);
	color: var(--f2);
}

h1, h2, h3 {
	font-weight: 400;
}

h1.title {
	font-size: 245px;
	color: var(--f3);
	font-weight: 800 !important;
	position: absolute !important;
	z-index: -999;
	opacity: 0.1;
	top: -100px;
	text-wrap: wrap;
	left: 50px;
}

h1 {
	color: var(--f1);
	font-size: 64px;
}

h2 {
	color: var(--f2);
	font-size: 32px;
}

h3, .h3 {
	color: var(--f1);
	font-size: 32px;
}

p.subtitle {
	color: var(--f3);
	font-size: 16px;
}

p.content {
	font-size: 16px;
	color: var(--f2);
}

p.em {
	font-weight: 500;
	text-decoration: underline;
	color: var(--f2);
}

p {
	color: var(--f3);
}

.container {
	margin-top: 150px;
	padding-left: 10%;
	padding-right: 10%;
}

a {
	color: var(--f2);
	font-weight: 700;
}

@media (max-width: 530px) {
	.container {
		padding: 0 !important;
	}
}