.content-page {
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.content-box {
    width: 70%;
    max-height: 60%;
    background-color: var(--education-blue);
    padding: 2rem 3rem 3rem 3rem;
    justify-content: space-evenly;
    border-radius: 4px;
}

div.info-text, ol.info-text, p.info-text {
    max-height: 80%;
    overflow: scroll;
}

div.map-header {
    background-color: var(--education-blue-transparent);
    position: absolute;
    top: 10px;
    left: 60px;
    right: 60px;
    margin-right: auto;
    padding: 10px 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding-left: 2rem;
    border-radius: 3px;
    z-index: 100;
    -webkit-box-shadow: 3px 3px 10px 0px var(--shadows);
    -moz-box-shadow: 3px 3px 10px 0px var(--shadows);
    box-shadow: 3px 3px 10px 0px var(--shadows);
}

div.information-field {
    max-height: 90%;
    overflow: scroll;
}

h2.map-title{
    margin-bottom: 0;
} 

button.title-button {
    background-color: transparent;
    border: none;
    transform: translateY(5px);
}

button.title-button > *:not(:last-child) {
    margin-right: 5px; 
} 

span.button-text {
    font-weight: 200;
    font-size: 1rem;
    text-decoration: solid;
}

button.title-button:hover {
    text-shadow: 0px 0px 20px rgb(252, 234, 208);
    box-shadow: none;
    transform: translateY(3px);
}

/* button.map-button {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 100;
} */

ol{
    font-size: x-small;
    line-height: 2em;
}

a {
    text-decoration: none;
}

sup {
    color:  var(--education-blue-strong) ;
}

ul.members {
    padding-top: .5rem;
}

ul.members li {
    padding-left: 10px;
}

.back-to-last {
    position: relative;
    top: 10px;
    left: 10px;
}

div.plotEmbed, iframe.plotEmbed {
    height: 100%;
    width: 100%;
    border: none;
    font-size: 1rem !important;
}

.bubble-size-info {
    font-size: 1.2rem;
    position: absolute;
    top: 85px;
    
}