/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

main > .container {
  padding: 0 15px 0;
}

.footer {
  background-color: #f5f5f5;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

.sub-title {
    font-size: 1.2rem;
    font-weight: bold;
    color: #FF8C00;
}

.unit-title {
    font-size: 1.3rem;
}

.sound-item {
    font-weight: bold;
}

.player-wrapper {
    margin-top: 3rem;
}

.title {
    text-align: center;
}

.title img {
    width: 100%;
    max-width: 800px;
}

.datasize {
    font-size: 80%;
    text-align: right;
}