@media (max-width: 769px) {
    #config{
    width: 500px;
    height: 700px;
    /* display: none; */
    border-radius: 10px;
    z-index: 10;
    transform: translate(-50%, -50%);
}

#closeButton{
    float: inline-end;
    margin: 10px;
    
}

#left-nav{
    float: left;
    display: flex;
    flex-direction: column;
   
    width: 60px;
    height: 700px;
    padding: 15px 15px -10px 15px;
    margin: 0px 10px 0px 0px;
    border-radius: 10px 0px 0px 10px;
}

#config-section{
    padding: 10px;
}

.ln-btn{
    width: 50px;
    height: 50px;
    
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

.config-options{
    width: 490px;
    height: 670px;
    border-radius: 0px 0px 10px 0px;
}


}