@media(prefers-color-scheme: dark) {
	:root {
		--textbox-background: #222222;
		--body-background: #121212;
		--highlight-color: blue;
	}
}

@media(prefers-color-scheme: light) {
	:root {
		--textbox-background: #F5F5F5;
		--body-background: #FFFFFF;
		--highlight-color: yellow;
	}
}
*{
    margin: 0;
    padding: 0;
	font-family: "euclid_circular";
}
html, body {
	background-color: #E2E2E2;
	height: 100% 
}


.text {
	padding: 2%;
}

.container {
	top: 10%;
	border-radius: 5%;
	position: relative;
	width: 80%;
	height: 70%;
	margin: 150px auto;
	background-color: #262626; 
}
.centered {
	position: fixed;
	top: 5%;
	left: 50%;
	display: flex;
	font-size: 5rem;
	transform: translate(-50%, -50%);
	max-width: max-content;
	max-height: 30%;
}