:root
{
--purple: #734A94;
--light-red: #D1AFED;
--lighter-red:#CBA1ED;
--indigo: #3B55C4;
--cyan: #00C0E8;
}

body
{
  background: var(--purple);
}

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

h1
{
  color:var(--purple);
}

header, div, .button
{
  background:white;
  text-align:center;
}
section
{
  background:var(--lighter-red);
}

#problem1
{
color: white;
background:purple;
border:double 6px black; padding:10px;
}