body {
    background-color: #313f31;
}
#test1 {
}

#test2 {
}

#test3 {
}

.bottom{
    position:fixed;
    padding:6px;
    background-color: #d9d9d9;
    left:0px;
    right:0px;
    bottom:0px;
    filter: drop-shadow(0px -2px 0px #595959) ;
    
}

.popup {
    display: none;
    position: absolute;
    z-index: 9;
    background-color: #d9d9d9;
    border: 0px solid #3d495b;
    filter: drop-shadow(3px 3px 0px #595959) drop-shadow(-2px -2px 0px #f9f9f9);
   
}

iframe {
    aspect-ratio: 16 / 9;
    width: 96vw; /* Flexible size */
    max-width: 54vw;
    min-width: 350px;
}
.pageheader {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 0px;
    cursor: move;
    z-index: 9;
    background-color: #472797;
    color: #fff;
    font-size: 13px;

    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: sans-serif;
}

.close {
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    margin:3px;
    padding-left:4px;
    padding-right:4px;
    background-color: #d9d9d9;
    color:#484848;
    border: 2px solid #818181;
}