.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:focus, a.text-primary:hover {
  color: #0062cc !important;
}

.text-secondary {
  color: #868e96 !important;
}

a.text-secondary:focus, a.text-secondary:hover {
  color: #6c757d !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:focus, a.text-success:hover {
  color: #1e7e34 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:focus, a.text-info:hover {
  color: #117a8b !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:focus, a.text-warning:hover {
  color: #d39e00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:focus, a.text-danger:hover {
  color: #bd2130 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:focus, a.text-light:hover {
  color: #dae0e5 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:focus, a.text-dark:hover {
  color: #1d2124 !important;
}

.text-muted {
  color: #868e96 !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

li {
    margin-top: 1.5em;
}

.title {
    font-size: x-large;
}

.subhead {
    font-size: small;
}

.author {
    margin-top: 1%;
}

.comment {
    margin-top: 1%;
    font-size: small;
}

.general {
    margin-top: 2%;
    background-color: 0xf0f0f0;
}

.content {
    margin-top: 5%;
    background-color: 0xf0f0f0;
}

.commentInLine {
    color: blue;
}

.poemForm {
    color: blue;
    font-size: large;
    margin-top: 5%;
    margin-bottom: 1%;
}

.poem-info {
  color: #17a2b8
}

.poem-warning {
  color: #ee6007
}

div.poemContent ruby rt {
    font-size: 80%
}