.presentation {
    width: 100vw;
    max-width:100%;
    height: 100vh;
    max-height:100%;
}

.presentation_only {
    display: none;
}

.presentation .presentation_only {
    display: block;
}

.presentation body {
    font-size: 20px;
}

.presentation .content-item {
    border-left: none;
    justify-content: space-around !important;
}

.presentation .content-item p {
    text-align: center !important;
}


.presentation #controls {
    display: none !important;
}

.presentation .mapf-image {
    width: 20%;
}

.presentation .twocolimg {
    width: 40%;
}

.presentation .graphs {
    width: 60%;
}

#online-version {
    width: 80%;
    padding: 3vw;
}

#online-version {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background-color: #662C40;
    padding: 3vw;
}

#online-version a {
    white-space: nowrap;
    color: #00A6D6;
    font-weight: bold;
}


#state0 {
    visibility: hidden;
}

#state0, #state9 {
    background-color: var(--darker-gray);
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;

    font-family: monospace !important;

    color: var(--white);
}

#state0 h1, #state9 h1 {
    font-size: 40px;
}
#state0 h1, #state9 h1 {
    font-size: 30px;
}

#presentation-background {
    width: 100vw;
    height: 100vh;

    background-color: var(--dark-gray);

    position: fixed;
    top: 0;
    left: 0;

    z-index: 10;

    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.pres_visible, #state0, .pres_visible #state9  {
    position: absolute;
    top: 0;
    left: 0;

    width: calc(100vw - 40px);
    height: calc(100vh - 40px);

    z-index: 100000000;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    margin: 20px;

    flex: unset;
}

.pres_visible > * {
    margin-top: 20px;
    margin-bottom: 20px;
}

.pres_visible p {
    margin-left: 20%;
    margin-right: 20%;
}

.pres_visible ul {
    margin-top: 80px;
    margin-left: 20%;
    margin-right: 20%;
}

.pres_visible #firstp {
    display: none;
}

.pres_visible .twocolimg {
    width: 50%;
}

.pres_visible figcaption {
    display: none;
}

.pres_visible .singleimg img {
    width: 40%;
}

.pres_visible #resultimgs img {
    width: 25%;
}

/*#state1 {*/
/*    position: fixed;*/
/*    width: 33%;*/
/*    height: 100%;*/
/*    background-color: #232323;*/

/*    z-index: 7;*/

/*    display: none;*/

/*}*/

/*#state2 {*/
/*    position: fixed;*/
/*    width: 33%;*/
/*    height: 100%;*/
/*    background-color: #232323;*/

/*    z-index: 7;*/

/*    display: none;*/

/*    left: 33%;*/
/*}*/

/*#state3 {*/
/*    position: fixed;*/
/*    width: 33%;*/
/*    height: 100%;*/
/*    background-color: #232323;*/

/*    z-index: 7;*/

/*    display: none;*/

/*    left: 66%;*/
/*}*/