html {
	height: 100%;
	width: 100%;
	text-align: center;
	background-color: #fffff2;
}

#back {
	color: #200080;
	text-decoration: none;
	font-family: serif;
}
a {
	color: #200080;
	text-decoration: underline;
}
a:visited {
	color: #600080;
}
a:hover {
	color: #800080;
	text-decoration: underline;
}
a:active {
	color: #a00080;
}

h1 {
	color: #001010;
	font-family: Georgia, 'Times New Roman', Times, sans-serif;
	font-size: 35px;
}

table {
	width: min(95vw, 850px);
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
thead {
	background-color: #c0c0c0;
	font-size: min(3vw, 18px);
	font-family: Georgia, 'Times New Roman', Times, sans-serif;
}
th {
	border: 2px solid black;
	padding: 7.5px;
}
.difficulty {
	font-size: min(2vw, 14px);
	padding: 2.5px;
}
@media (max-width: 683px) {
	tbody > tr {
	  	height: 40px;
	}
	tbody > tr > td {
		font-size: min(2vw, 12px);
		border: 2px solid black;
	}
}
@media (min-width: 684px) {
	tbody > tr > td {
		font-size: min(2vw, 12px);
		border: 2px solid black;
		padding: 5px;
	}
}