.triseum_popup{
    display:none;
    z-index:100;
    position:fixed;
    top: 0;
    left: 0;
    width:100vw;
    height:100vh;
    background-color:rgba(0,0,0,.7);
}
.show {
    display:block;
}
.triseum_popup .popup_content{
    position:relative;
    padding:4em;
    width:fit-content;
    margin:auto;
    margin-top:50vh;
    transform:translate(0,-50%);

    color: rgb(220, 235, 245);
    background: linear-gradient(to bottom right, rgb(30,75,125), rgb(15,40,75));
    box-shadow: 0 0 80px rgba(0,0,0,1);
    border-radius: 4px;
}

.triseum_popup .popup_content h2{
    margin: 0.5em;
    color: rgb(95, 185, 248);
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: x-large;
    letter-spacing: 0.0825em;
}
.triseum_popup .popup_content h3{
    margin: 0.5em;
    color: white;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    font-size: x-large;

    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
    zoom: 1;
}

.triseum_popup .popup_content button{
    cursor: pointer;
    color: rgb(15, 40, 75);
    border:none;
    background: linear-gradient(rgb(220, 235, 245), rgb(185,185,185));
    box-shadow: inset -0.2rem -0.2rem 0.4rem -0.2rem black, inset 0 0.1rem 0.1rem 0 white;
    
    font-family: "Roboto Slab", serif;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    display: initial;
    padding: 1rem 2rem;
    margin:.5em;
    font-size: large;
    white-space: nowrap;}


.triseum_popup .popup_content .partition{
    border-top: 1px solid rgb(30,75,125);
    border-bottom: 2px solid rgb(15, 40, 75);
    width: 100%;
}

.triseum_popup .close_button{
    position:relative;
    float:right;
    text-align:right;
    width: fit-content;
    transform:translate(3.5em,-3.8em);
    cursor:pointer;
}