#container{
    font-size: 18px;
    /* box-sizing: border-box;
    clear: both; */
    height: 100%;
    display: flex;
}


.codeblock {

    width: 34%;
    height: 100%;
    min-width: 38%;
    clear: both;
    text-align: left;
    word-wrap: break-word;
    background-color: #5e59594d;
    margin-bottom: 8px;
    font-family: verdana;
    padding-left: 0;
    border-left: 4px solid #959c93ab;
    -webkit-box-shadow: undefinedpx undefinedpx undefinedpx 34px #464D4B;
    box-shadow: undefinedpx undefinedpx undefinedpx 34px #464D4B;
    /* position: fixed; */
}


#working{
    width: 50%;
    float: right;
    /* box-sizing: border-box; */
    clear: both;
}

#explain {
        margin-top: 20px;
        float:right;
       
        border:2px solid #9da989;
       clear: both;
        color: rgb(27, 2, 2);
        border-radius: 10PX;
        clear: both;
        width: 90%;
        height: 46%;

        -webkit-box-shadow: 16px 11px 22px 0px rgba(157,169,137,1);
        -moz-box-shadow: 16px 11px 22px 0px rgba(157,169,137,1);
        box-shadow: 16px 11px 22px 0px rgba(157,169,137,1);
       }


.keyword{
    color: rgb(54, 28, 2);
    
}

#btn1{
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    width: 80px;
    height: 45px;
    border-radius: 21px;
background: linear-gradient(145deg, #9cabb3, #b9cbd5);
box-shadow:  9px 9px 12px #9dadb5, 
             -9px -9px 12px #bdcfd9;
}

#textfile{
    margin-left: 3px;
    display: table-caption;
    margin-top: -8px;
    width: 100%;
     height: 100%;
    -webkit-box-shadow: 16px 11px 22px 0px rgba(157,169,137,1);
-moz-box-shadow: 16px 11px 22px 0px rgba(157,169,137,1);
box-shadow: 16px 11px 22px 0px rgba(157,169,137,1);
}

#filename{
    width: 663px;
    margin-bottom: 0px;
    background-color: #9da989;
    color: black; 
    
}

       
textarea{
    resize: none;
    width: 100%;
    height: 100px
}

.btn {
    float: left;

    margin-right: 10px;
    width: 80px;
    height: 45px;
    border-radius: 21px;
background: linear-gradient(145deg, #9cabb3, #b9cbd5);
box-shadow:  9px 9px 12px #9dadb5, 
             -9px -9px 12px #bdcfd9;
}