body{
  margin-left:  5%; 
  margin-right: 5%;
  color: #000088; 
  background: #ffeeff;
}

h1,h2,h3,h4{
color: #0088aa;
}
h1,h2{
text-align: center;
}



p{
color: #220044;
background-color: #bbff99;
}

p.ans{
    color: #220044;
    background-color: #bbff99;
    font-family: monospace;
    font-weight: bold;
}

p.sorry{
color: #aa0000;
background-color: #ffffff;
}



em{
color: #ff0066;
background-color: #ffedee;
}

p.mono{
font-family: monospace;
}

p.good{
 color: #006699;
background-color: #ffff55;
 }

span.warning{
color: #ff0066;
background-color: #ffedee;
}
td.now{ 
  background-color: #fd4335;
}
td.recent{ 
  background-color: #fde71d;
}
td.long{ 
  background-color: #c2fd35;
}
td.far{ 
  background-color: #bae6f4;
}

td.done{ 
  background-color: #bbaaff;
}
td.notyet{ 
  background-color: #eeaaee;
}

table.menu{ 
   border: solid 1px #000000; 
   border-collapse: collapse;
 }
th.menu{ 
   border: solid 1px #000099;
  background-color: #ffaaff;
  text-align: center;
 }
td.menu{ 
  border: solid 1px #000000;
  background-color: #ffffaa;
  text-align: center; 
 }

div.box { 
  border: solid; 
  border-width: thin; 
  width: 90%
  background-color: #ffffff;
  color: #ff2200;
}

div.center{
  text-align: center;
}