html, body { overflow-x: hidden; }
body { color: #34495e; }
.app-name-link img {
  width: 88px;
  height: 88px;
  object-fit: cover;
  border-radius: 50%;
}
.markdown-section { max-width: 860px; }
.markdown-section img { max-width: 100%; height: auto; }
.markdown-section > p:first-child,
.markdown-section > p:nth-child(3) { text-align: center; }
.markdown-section > p:first-child img {
  width: 120px;
  height: 120px;
  border-radius: 20px;
  object-fit: cover;
}
.markdown-section > p:nth-child(3) img { display: inline-block; margin: 2px; }
.markdown-section pre { max-width: 100%; overflow: auto; }
.markdown-section code { overflow-wrap: anywhere; }
.markdown-section table { display: block; max-width: 100%; overflow-x: auto; }
.sidebar-nav > ul > li > strong { display: block; margin: 1em 0 .35em; color: #2c3e50; }
@media screen and (max-width: 768px) {
  .markdown-section { padding: 2.2rem 18px 40px; }
  .markdown-section > p:first-child img { width: 96px; height: 96px; }
  .markdown-section h2 { font-size: 1.45rem; }
  .markdown-section ul, .markdown-section ol { padding-left: 1.4rem; }
}