figure img {
  display: block;
  margin: 32px auto;
}

/* Overwrite Heading */
.content h1 {
  font-size: 32px;
}
.content h2 {
  font-size: 24px;
  padding-bottom: 8px;
  border-bottom: solid 2px #d3d6db;
}
.content h3 {
  font-size: 20px;
	padding: .5em;
	border-left: 1px solid #d3d6db;
}
.content p {
	text-align: start;
	word-break: break-word;
}

/* Add the animation of navigation hover */
.nav-item h2 {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.nav-item h2::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.nav-item h2:hover::after {
  transform: scale(1, 1);
}

/* Overwrite the title hover at home page */ 
.title a:hover {
    border-bottom: none;
}
.title a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.title a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .4s;
}
.title a:hover::after {
  transform: scale(1, 1);
}

/* Overwrite title margin */
.subtitle + .title {
  margin-top: -10px;
}

/* Overwrite iframe margin */
iframe {
  margin-bottom: 32px;
}