.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;
}