:root {
    /* ===== Colors ===== */
    --purdue-gold: rgb(207, 185, 145);
    --purdue-dust: rgb(235, 217, 159);
    --purdue-field: rgb(221, 185, 69);
    --purdue-rush: rgb(218, 170, 0);
    --purdue-aged: rgb(142, 111, 62);
    --purdue-steam: rgb(196, 191, 192);
    --purdue-railway-gray: rgb(157, 151, 149);
    --purdue-cool-gray: rgb(111, 114, 123);
    --purdue-steel: rgb(85, 89, 96);
}

.reveal-full-page {
    background: #000;
}

.reveal-viewport {
    background: #000;
    max-width: 160vh;
    margin: auto;
    container-type: inline-size;
}

.reveal {
    background: #000;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-size: 3cqw;
    line-height: 1.2;
}

.reveal .slides {
    width: auto;
    height: auto;
    margin-left: 8%;
    margin-right: 8%;
    text-align: left;
}

.reveal .slides .vcenter {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
}

/* ===== Headings ===== */
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5 {
    font-family: 'Roboto Condensed', sans-serif;
    font-style: italic;
    word-wrap: break-word;
}

.reveal h1 {
    font-weight: 700;
}

.reveal h2 {
    font-weight: 700;
}

.reveal h3 {
    font-weight: 500;
}

/* ===== Purdue frame (3 gold vertical rules) ===== */
.purdue-frame {
    position: absolute;
    inset: 0;
    /* cover the whole viewport */
    pointer-events: none;
    /* click-through */
    z-index: 50;
    /* above slide content but below menus */
}

.purdue-frame .rule {
    position: absolute;
    width: 2px;
    background: var(--purdue-gold);
}

.purdue-frame .rule-left {
    left: 5%;
    top: 0;
    height: 95%;
}

.purdue-frame .rule-right {
    left: 95%;
    top: 0;
    height: 75%;
}

.purdue-frame .rule-short {
    left: 72%;
    bottom: 0;
    height: 8%;
}