.term {
  background-color: #97caff;
  border: 2px solid black; }

.factor {
  background-color: #ffff99;
  border: 2px solid black; }

.terms, .operator {
  font-family: monospace; }

div.term, div.factor {
  padding: 2px;
  font-family: monospace; }

td.numerator {
  border-bottom: 1px solid black;
  text-align: center; }
  td.numerator table {
    margin-left: auto;
    margin-right: auto; }

td.denominator {
  text-align: center; }
  td.denominator table {
    margin-left: auto;
    margin-right: auto; }

div.sample {
  border: 2px solid black;
  margin: 5px;
  padding: 5px;
  cursor: pointer; }
  div.sample:hover {
    background-color: #bbbbbb; }

#algebra_res {
  font-family: monospace; }
