:root 
{
	--guess-width: 750px;
}
a.play-again:hover
{
	transform: scale(1.05);
}

a.play-again
{
	transition: transform 500ms;
	font-size: 35px;
	padding: 10px;
	display: block;
	border: 5px double var(--color3);
	border-radius: 15px;
	width: 350px;
	margin: 20px auto;
	text-decoration: none;
	background-color: var(--color4);
}
div.feedback
{
	padding: 40px;
	border: 10px double var(--color5);
	width: var(--guess-width);
	margin: 20px auto;
	border-radius: 15px;
}
span.highlight
{
	color: var(--color2);
}
span.high, span.low, span.perfect, span.too-many-guesses
{
	font-size: 30px;
	display: block;
	color: var(--color4);
}
span.too-many-guesses
{
	color: var(--color6);
	font-size: 20px;
}
span.low
{
	color: var(--color2);
}
span.perfect
{
	color: var(--color3);
}

p.instructions.highlight-2
{
	color: var(--color3);
}
p.instructions, p.play
{
	width: var(--guess-width);
	font-size: 35px;
	color: var(--color1);
	margin: 10px auto;
}
input[type=number]
{
	border: none;
	outline: none;
	background-color: black;
	color: var(--color3);
	padding: 10px;
	font-size: 45px;
	appearance: textfield;
  -webkit-appearance: textfield;
  margin: 0 auto;
	text-align: center;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button 
{
  -webkit-appearance: none;
  margin: 0;
}
input[type=submit]
{
	display: none;
}