/* Kid-friendly large text overrides for Reveal.js */

.reveal .slides section {
    height: 100%;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.reveal h1 {
    font-size: 2.2em !important;
    margin-bottom: 0.2em !important;
}

.reveal h2 {
    font-size: 1.5em !important;
    margin-bottom: 0.15em !important;
}

.reveal h3 {
    font-size: 1.1em !important;
    margin-bottom: 0.1em !important;
}

.reveal p {
    font-size: 1.1em !important;
    margin-top: 0.1em !important;
    margin-bottom: 0.1em !important;
}

/* White text with strong shadow for readability over photos */
.reveal h1,
.reveal h2,
.reveal h3,
.reveal p,
.reveal li {
    color: #fff !important;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7),
                 0 0 20px rgba(0, 0, 0, 0.4);
}