h1{
    color:#6633FF; 
    text-align:center; 
    background-color:#DDDDDD;
    margin:0.3em 0;
    padding:0.5em;
}

h3{
    margin: 0.5em 1.5em;
}

.main{
    background-color:#f5e4d0;
}

li{
    display: inline-block;
    cursor : pointer;
}

.cont_panel{
    float : left;
    text-align:center;
    max-width:230px;
    max-height:400px;
    background-color:lime;
    margin:1em 0em;
    padding: 0em 2em;
}


.prog_panel{
    float : left;
    width:250px;
    min-width:200px;
    padding: 0.5em 1em;
    margin: 1em;
    background-color:#fff;
    border: solid 2px aqua;
    border-radius: 10px;
}

.right_cont{
    float : left;
}

.image_panel{
    border: solid 1px black;
    width : 350px;
    height: 150px;
    margin : 1em 0em;
    background-color: white;
    text-align:center; 
    }

.image_box{
    display: inline-block;
    border : solid 2px black;
    font-size : 1.5em;
    width : 150px;
    text-align:center; 
    margin : 0.2em 0.1em;
}



.variable_box{
    text-align:center;
    border: solid 2px aqua;
    background-color:#fff;
    width:150px;
    margin : 0.3em;
    padding : 0.2em;
}


ul{
    margin: 0em;
}

li{
    border : solid 1px #000;
    border-radius: 10px 10px 0px 0px;
    padding:15px 30px;
    background-color:#fff0f5;
}

.selected{
    border : solid 1px #f5e4d0;
    background-color:#f5e4d0;
}

.behavior{
    cursor : pointer;
}

.show_cont{
    display : flex;
}

.hide{
    display : none;
}