.mermaid {
    display: flex;
    justify-content: center;
}

.logo-light,
.logo-dark {
    display: block;
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
    height: auto;
}

.logo-dark { display: none; }
.logo-light { display: block; }

.coal .logo-light,
.navy .logo-light,
.ayu .logo-light { display: none; }

.coal .logo-dark,
.navy .logo-dark,
.ayu .logo-dark { display: block; }