body
{
  background-color: #98e698;
}

form
{
  background-color: #d6f5d6;
  display: block;
  margin:auto;
  width: 50%;
}
h1, label, ul, li, p, button, table, th, td 
{
  font-family: arial;
}
h1
{
  text-align:center;
}
div
{
  margin-top: 20px;
  margin-bottom: 20px;
}
#calculate
{
  background-color: #84e184;
  border: 1px solid black;
  display:block;
  margin:auto;
  padding: 10px;
}
#calculate:hover
{
  background-color: #2db92d;
  color: white;
}
table, th, td {
  background-color: #eafaea;
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
  font-size: 12px;
  text-align:center;
}


#article {
  padding: 2% 10% 0;
}

#article h3 {
  font-family: Arial, Helvetica, sans-serif;
}