@font-face {
	font-family: 'Nunito';
	src: url("/fonts/Nunito/Nunito-Regular.ttf");
}

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

@font-face {
	font-family: 'Nunito-ExtraBold';
	src: url("/fonts/Nunito/Nunito-ExtraBold.ttf");
}

:root {
	--background: #232323;
	--content: #dedede;
}

* {
	font-family: 'Nunito', sans-serif;
	color: var(--content);
}

html, body {
	background: var(--background);
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
}

h1 {
	font-family: 'Nunito-ExtraBold', sans-serif;
	margin-top: 20px;
}

h2 {
	font-family: 'Nunito-Bold', sans-serif;
}

b {
	font-family: 'Nunito-ExtraBold', sans-serif
}

.loader {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: var(--background);
	top: 0;
	left: 0;
}

.loader > span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 75px;
}

.thread-viewer {
	width: calc(100% - 50px);
	max-width: 500px;
	height: calc(100% - 200px);
	max-height: 700px;
	background-color: var(--background);
	box-shadow: 0 0 26px 0 #000000;
	border-radius: 20px;
	margin-left: 50%;
	transform: translate(-50%, 0);
	margin-top: 50px;
}