#ls_container{
    display: flex;
    vertical-align: middle;
    align-items: center;
    padding: 40px;
    text-align: center;
    height: 750px;
}

#latent_buttons{
    /* background-color: aqua; */
    width: calc(120px + 30px);
    height: fit-content;
    margin-top: -200px;
    vertical-align: middle;
}


.ls{
    width: 120px;
    height: 37px;
    line-height: 33px;
    margin: 15px;
    border-radius: 5px;

    text-align: center;
    border-color:#fff;
    color:#fff;
    border-width: 2px;
    border-style: solid;

    filter: grayscale(100%);
    -webkit-transition : -webkit-filter 250ms linear;
    cursor: pointer; 
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
}

.ls:hover {
    filter: grayscale(0%);
    -webkit-transition : -webkit-filter 250ms linear;
}


#ls_wplus{
    background-color: rgba(0, 98, 155, 0.85);
}


#ls_f4{
    background-color: rgba(116, 118, 120, 0.85);
}


#ls_f6{
    background-color: rgba(252, 137, 0, 0.85);
}


#ls_f8{
    background-color: rgba(97, 129, 57, 0.85);
}


#ls_f10{
    background-color: rgba(255, 205, 0, 0.85);
}


#ls_SAM{
    background-color: rgba(25,25,25, 0.75);
}


.div_latent_img{
    width: calc(100% - 150px);
    /* height: 500px; */
    /* margin-left: 150px; */
    margin: 0px;
    position: relative;
    /* top: -270px; */
    vertical-align: middle;
    padding-left: 30px;
}

.latent_img{
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    
    /* position: absolute;
    top: 0;
    right: 0; */
}