/* =======================================
        HEADER
======================================= */
.header h1 {
    font-size: 8vmin;
    justify-content: right;
    left: 5%;
    bottom: -30%;
    position:relative;
}

/* =======================================
        WRAPPERS
======================================= */
.wrapper {
    /* todo center on page (hardest css task OAT) */
    /* also moves all the shit around */
    margin: auto;
    height: 90vh;
    width: 75%;
    position: relative;
    top: 0vmax;
    display: flex;
    flex-direction: column;
}

.text-wrapper {
    max-height: 90%;
    overflow: auto;
    padding: 2vmin;
    width: 75%;
}

.list-wrapper {
    display: grid;
    grid-template-columns: auto auto auto;
}
/* =======================================
        BOX 1
======================================= */
.box1 {
    max-height: 35%;
    border-radius: 25px;
    border: .5vmax solid #719BB3;
    padding: 2vmin;
}
.box1 p {
}
.box1 ul {
    list-style: square;
}
.box1 h6 {
    font-size: large;
    padding-left: 5%;
    margin: 0px;
}
/* =======================================
        SPLASH IMAGE
======================================= */
.splash img {
    position: absolute;
    width: 40vmin;
    top: 30%;
    left: 60%;
}