:root {
    --md-hint-info-color: 102, 187, 255;
    --md-hint-warning-color: 255, 221, 102;
    --md-hint-danger-color: 255, 102, 102;
    --md-hint-normal: 91, 93, 94;
}

h1 {
    margin: 0.5em 0 0.5em 0;
}

h2,
h3 {
    margin: 1.0em 0 0.5em 0;
}

figure {
    display: inline-block;
}

.md-bq {
    border-left: 5px solid;
    padding-left: 10px;
}

.bq-info {
    border-left-color: rgba(var(--md-hint-info-color), 1);
    background-color: rgba(var(--md-hint-info-color), 0.25);
}

.bq-danger {
    border-left-color: rgba(var(--md-hint-danger-color), 1);
    background-color: rgba(var(--md-hint-danger-color), 0.25);
}

.bq-normal {
    border-left-color: rgba(var(--md-hint-normal), 1);
    background-color: rgba(var(--md-hint-normal), 0.05);
}

.bq-warning {
    border-left-color: rgba(var(--md-hint-warning-color), 1);
    background-color: rgba(var(--md-hint-warning-color), 0.25);
}

#content li {
    margin: 0;
}

video.center {

    display: block;
    margin-left: auto;
    margin-right: auto;

}