.reveal .slides section {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    height: 100% !important;
    padding-top: 0.5em !important;
    color: var(--rlab-color-text);
}

.reveal-viewport {
    background-color: var(--r-background-color, var(--rlab-color-bg, #fff));
}

.reveal {
    color: var(--r-main-color, var(--rlab-color-text));
}

.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
    color: var(--r-heading-color, var(--rlab-color-text));
}

.reveal a {
    color: var(--r-link-color, var(--rlab-color-accent));
}

.reveal a:hover {
    color: var(--r-link-color-hover, var(--rlab-color-accent));
}

.reveal .slides section > h3 {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
}

.reveal .slides section > .slide-content {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    min-height: 0 !important;
}

.reveal .slide-background.present.water::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    display: block;
}