.hero {
  margin-top: 0rem;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .hero {
    margin-top: 4.5rem;
  }
}

.name {
  font-size: 1.75rem;
  margin-bottom: 2rem;
}

.name-kr {
  font-size: 1.25rem;
  font-weight: 700;
  font-family: "Nanum Myeongjo", serif;
}

@media (min-width: 768px) {
  .name {
    font-size: 2.25rem;
  }

  .name-kr {
    font-size: 1.75rem;
  }
}

.hero-paragraph {
  margin-bottom: 1.5rem;
}

.updated-date {
  font-style: italic;
}

.hero-paragraph>div {
  margin-bottom: 0.25rem;
}

.hero-paragraph>div:lang(kr) {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 0.875rem;
  color: #888;
}

@media (min-width: 768px) {
  .hero-paragraph {
    margin-bottom: 2rem;
  }
}

.hero-image {
  margin-top: 5.5rem;
  margin-bottom: 4.5rem;
}

@media (min-width: 768px) {
  .hero-image {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
}