h1 {
  text-align : center;
  color : green ;
}
h2.problem {
  color : red ;
}
p.answer {
  border-width : medium ;
  border-style : solid ;
  border-color : blue ;
  padding: 2% 5% 2% 5% ;
}
pre.answer {
  border-width : medium ;
  border-style : solid ;
  border-color : blue ;
  padding: 2% 5% 2% 5% ;
}
div.answer {
  border-width : medium ;
  border-style : solid ;
  border-color : blue ;
  padding: 2% 5% 2% 5% ;
}
ul.answer {
  border-width : medium ;
  border-style : solid ;
  border-color : blue ;
  padding: 2% 5% 2% 5% ;
}
p.explain {
  border-width : medium ;
  border-style : solid ;
  border-color : green ;
  padding: 2% 5% 2% 5% ;
}
div.explain {
  border-width : medium ;
  border-style : solid ;
  border-color : green ;
  padding: 2% 5% 2% 5% ;
}
table.convert-list {
  border-style : groove ;
  border-color : gray ;
  width : 80% ;
  font-family: Courier ;
  font-size : larger ;
}
table.convert-list td {
  width : 50% ;
}
table.convert-list td.from {
  border-style : solid;
  border-color : fuchsia;
  border-width : medium;
  text-align : right ;
}
table.convert-list td.from-left {
  border-style : solid;
  border-color : fuchsia;
  border-width : medium;
  text-align : left ;
}
table.convert-list td.to {
  border-style : solid;
  border-color : blue;
  border-width : medium;
  text-align : right ;
}
table.convert-list td.to-left {
  border-style : solid;
  border-color : blue;
  border-width : medium;
  text-align : left ;
}
table.answer {
  border-style : solid ;
  border-color : blue ;
  border-width : medium;
}
span.underline {
  text-decoration:underline ;
}