@import "/css/slides.css";

:root {
    box-sizing: border-box;
    font-size: 5vh;
}

:root, .deck, section {
    margin: 0;
    padding: 0;
}

.deck {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}

section {
    display: none;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

section[aria-current=true] {
    display: flex;
}

/* 2up */
@media (min-aspect-ratio: 30/9) {
    .deck {
        grid-template-columns: 1fr 1fr;
    }
    section {
        width: 50%;
    }
    section.full-bleed {
        grid-column: 1 / 3;
        justify-self: center;
        width: 100%;
    }
    section[aria-current=true] + section {
        display: flex;
    }
    section[aria-current=true] + section.full-bleed,
    section[aria-current=true].full-bleed + section {
        display: none;
    }
}