.logo-sub {
  font-size: 0.8rem;
}

/* Make an external arrow icon appear for external hyperlinks. */
a.external::after {
  content: " ↗";
}

a.back-link {
  font-size: 0.8rem;
}
a.back-link::before {
  content: "← ";
}

/* Smaller font for Plamo cards. */
@media (max-width: 500px) {
  .fs-xs-smaller {
    font-size: 0.75rem;
  }
}

footer {
  font-size: 0.7rem;
  text-align: center;
  padding: 15px 10px;
}

/* Japanese learning notes text colours. */
span.color-1 {
  color: mediumvioletred;
}
span.color-2 {
  color: rgb(6, 144, 107);
}
span.color-3 {
  color: rgb(201, 134, 0);
}
span.color-4 {
  color: rgb(141, 141, 141);
}

article.japanese section {
  border: #dadada 1px solid;
  padding: 15px;
  box-shadow: 5px 5px 10px rgb(221, 221, 221);
  margin-bottom: 20px;
}


.cert-link {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
}

.cert-link img {
    margin-bottom: 0.5rem;
}