@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #0c0b10; 
	font-family: 'Thasadith', sans-serif;
	color: #eee;
	font-size: 1.1em;
}
h1, h2, h3, span {
	margin: 0;
}
h1 {
	font-size: 3rem;
}
h2 {
	font-size: 10rem;
}
h3 {
	font-size: 1.4rem;
}
span {
	font-size: 6rem;
}
#header {
	background: #00ADFF;
	border-radius: 10px 10px 0 0;
	padding: 10px;
}
.container {
	border-radius: 10px;
	margin: 40px auto 0 auto;
	background-color: #434343;
	width: 95vw;
	max-width: 450px;
	border: 2px solid #eee;
	display: grid;
	grid-template-rows: 20% 80%;
	text-align: center;
	padding-bottom: 15px;
}
.degrees {
	display: grid;
	grid-template-columns: auto auto;
	justify-content: center;
	margin-left: 2rem;
}