.info {
  background-color: #fff;
  border: solid 1px #ddd;
  border-radius: 10px;
  padding: 1.5em;
  margin-bottom: 1em; }
  .info dt {
    margin-bottom: 1em; }
    .info dt::before {
      display: inline-block;
      content: "";
      width: 0.5em;
      margin-right: 0.5em;
      height: 0.5em;
      border-radius: 50%;
      background: linear-gradient(to right, #FFF026, #FFDE37); }

.text dt {
  background: linear-gradient(to right, #FFF026, #FFDE37);
  margin-bottom: 2em;
  padding: 0.5em;
  font-size: 120%; }

.article-body h2 {
  margin-top: calc(8px * 4);
  font-size: 24px; }

.auther {
  width: min(100%, 600px);
  margin: 5em auto 0;
  padding: 1em 2em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  border-radius: 20px; }
  .auther dt {
    font-size: 120%;
    color: #2a97cc; }