br {
    display: block;
    content: "";
    margin-top: 10px;
}

#headerBase {
    font-weight: bold;
    font-size: 30pt;
    font-family: Georgia;
    text-align: center;
    padding: 25px;
}

.headerLight {
    color: olivedrab;
    background-color: yellowgreen;
    border-bottom: 5px solid olivedrab;
}

.headerDark {
    color: yellowgreen;
    background-color: olivedrab;
    border-bottom: 5px solid yellowgreen;
}

#subBody {
    font-family: sans-serif;
    margin: 5%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
}

#imgContainer {
    margin-bottom: 5%;
    grid-column-start: 1;
    grid-column-end: 4;
    display: flex;
    justify-content: center;
}

#image {
    border-radius: 100%;
}

#preUni {
    grid-column-start: 1;
    grid-column-end: 2;
    margin-left: 5%;
    margin-right: 5%;
}

#inUni {
    grid-column-start: 2;
    grid-column-end: 3;
    margin-left: 5%;
    margin-right: 5%;
}

#postUni {
    grid-column-start: 3;
    grid-column-end: 4;
    margin-left: 5%;
    margin-right: 5%;
}

.selectBoxBase {
    height: auto;
}

.selectBoxLight {
    color: black;
    border: 1px solid black;
}

.selectBoxDark {
    color: whitesmoke;
    border: 1px solid whitesmoke;
}

.title {
    font-weight: bold;
    font-size: 18pt;
    padding: 1%;
    text-align: center;
}

.info {
    padding: 2%;
}

.hoverLight {
    color: blue;
    border: 1px solid blue;
}

.hoverDark {
    color: cornflowerblue;
    border: 1px solid cornflowerblue;
}