.b-responsive-small {
    font-size : .8em;
}

.responsive-size {
    margin-inline-end : .5em;
}

#container {
    justify-content : center;
    background      : var(--b-neutral-95);
}

.b-grid {
    box-shadow : 0 0 15px rgba(0, 0, 0, .2);
    align-self : center !important;
    width      : -webkit-fill-available;
    width      : -moz-available;
    width      : stretch;
    max-width  : 100%;
    transition : max-width .2s ease;
}

/* styling of the example ui around the grid */
@media (max-width : 540px) {
    .demo-header #title {
        font-size  : 5vw;
        transition : font-size 0.1s;
    }

    .responsive-size {
        font-size : 3vw;
    }

    .responsive-size span {
        display : none;
    }
}

@media (max-width : 260px) {
    .demo-header #tools #info-button {
        display : none;
    }
}