:root
{
--yellow: #D9B500;
--dark-yellow: #AE8F00;
--darker-yellow: #8C7500;
--darkest-yellow: #8C7500;
}
body
{
  background: #D9B500;
}

header, main, div
{
  border:double 6px; padding:20px; margin:6px;
}



header, .button
{
  background:white;
  text-align:center;
}
main
{
  background:#FFFAB1;
}
#yellow
{
	color: #AE8F00;
}

.problem
{
  background:white;
	border:double 6px black; padding:10px;
}

.problem:hover
{
  background: black;
}

#problem1
{
	color: yellow;

}
#problem2
{
	color: #7A7A00;
  background:white;
	border:double 6px black; padding:10px;
}
#problem3
{
	color: var(--yellow);
}
#problem4
{
	color: var(--darker-yellow);
  background:white;
	border:double 6px black; padding:10px;
}