body {
  padding: 50px;
  font: 16px "Lucida Grande", Helvetica, Arial, sans-serif;
}

.sentence {
  font: 16px Verdana, sans-serif;
}

a {
  color: #00B7FF;
}

.indent-0 {}
.indent-1 {padding-left: 10px;}
.indent-2 {padding-left: 20px;}
.indent-3 {padding-left: 30px;}
.indent-4 {padding-left: 40px;}
.indent-5 {padding-left: 50px;}
.indent-6 {padding-left: 60px;}
.indent-7 {padding-left: 70px;}
.indent-8 {padding-left: 80px;}
.indent-9 {padding-left: 90px;}
.indent-10 {padding-left: 100px;}
.indent-11 {padding-left: 110px;}
.indent-12 {padding-left: 120px;}
.sentence {padding: 12px;}
.line {padding-top: 6px;}

.list {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.list td, .list th {
  border: 1px solid #ddd;
  padding: 8px;
}

.list tr:nth-child(even){background-color: #f2f2f2;}

.list tr:hover {background-color: #ddd;}

.list th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}

#output-section {
  display: none;
}

#html-output {
  display: none;
}