.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.mermaid {
  text-align: center;
}

.shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.shadow-png {
  filter: drop-shadow(3px 3px 3px #222);
}

.sbs {
  /* side-by-side grid
    img | text
    or
    text | img */
  display: grid;
  column-gap: 20px;
  grid-template-columns: auto auto;
  align-items: center;
}

.md-typeset .md-button {
  padding: 0.625rem 1.25rem;
}