.code-editor-row {
    font-size: 20px;
    width: 100%;
}

.code-editor-semi {
    font-size: 20px;
    width: 50%;
}

.code-editor-semi td {
    width: 50%;
}

.CodeMirror {
    height: 100px;
}

.util-button {
    text-decoration: none;
}

.util-button i{
    display: inline-flex;
    vertical-align: middle;
    text-align: center;
    background: whitesmoke;
    transition: 0.3s;
}

.util-button i:hover {
    background: lightgray;
    transition: 0.3s;
}

.main-button {
margin:3px 0px 3px;
background: green;
border-radius: 9px 9px 9px 9px;
color: white;
width:90%;
text-align: center;
padding: 14px 16px;
text-decoration: none;
transition: 0.3s;
font-size: 20px;
}

#footer{
display: table;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#scrselect {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 20px;
    padding: 3px 20px;
    border: 1px solid black;
    color: black;
    background: transparent;
    *background: whitesmoke;
}

.title-bar{
    margin:10px 0px 0px;
    overflow:hidden;
    width:80%;
    background: whitesmoke;
    font-size: 20px;
    vertical-align: middle;
}

#main-table, #main-table tr, #main-table td{
    border: 5px solid whitesmoke;
    border-collapse: collapse;
}