:root {
    --top-margin: 10vh;
    --side-margin: 0vw;
    --image-height: calc(100vh - 2 * var(--top-margin));
    --image-width: calc(2 * var(--image-height));
    --bottom-shadow: linear-gradient(180deg, rgba(0, 0, 0, 0.1), hsla(0, 0%, 100%, 0));;
    --high-z-index: 100;
    --primary-font-color: #406280;
    --secondary-font-color: #333;
    --terciary-font-color: #AAACBB;
    --overlay-color: rgba(0,54,96, 0.5);
    --grey: #F1F1F1;
}

.center-slide a {
    color: var(--primary-font-color);
    text-decoration: none;
}

.center-slide a:hover {
    color: var(--primary-font-color);
    text-decoration: underline;
}

h1, h2 {
    text-transform: capitalize;
}

h2 {
    font-size: 5vh;
    text-align: center;
    margin-bottom: 0;
    margin-top: 4vh;
}

.slide-wrapper .outline-3 h3 {
    font-family: ttnorms-medium;
    text-align: left;
    font-size: 2.5vh;
    margin-left: 1vh;
}

.slide-wrapper p {
    color: var(--terciary-font-color);
    font-size: 2vh;
}

.center-slide {
    justify-content: flex-start;
}

ul {
    list-style-type: none;
    padding-left: 14vh;
}

li {
    line-height: 4.0vh;
}

#table-of-contents {
    margin-bottom: 5vh;
}

#table-of-contents a {
    font-size: 2.5vh;
    color: var(--primary-font-color);
    text-decoration: none;
}

#table-of-contents a:hover {
    text-decoration: underline;
}

.outline-2 {
    padding-bottom: 5vh;
}

.outline-2 h3 {
    margin: 3vh;
}