@font-face {
	font-family: 'JetBrains Mono';
	src: url('/fonts/JetBrainsMonoNerdFontPropo-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'JetBrains Mono';
	src: url('/fonts/JetBrainsMonoNerdFontMono-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'JetBrains Mono';
	src: url('/fonts/JetBrainsMonoNerdFontMono-ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
}

* {
	font-family: 'JetBrains Mono', monospace;
	background-color: black;
	color: white;
}

h1 {
	font-weight: 800;
}

body {
	animation: fadeIn 500ms ease-in-out;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

img {
	width: 40vw;
}

a {
	color: cyan;
	transition: color 200ms linear;
	text-decoration: none;
}

a:hover {
	color: white;
	transition: color 100ms linear;
}

.light-text {
	font-weight: 300;
}

.normal-text {
	font-weight: 400;
}

.parent {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 95vh;
}

p.light-text {
	margin-top: 2em;
	font-size: 0.9rem;
}

.child {
	margin: 0 auto;
	width: 50vw;
}