* {
    padding: 0;
    margin: 0;
}

.main {
    width: 100%;
    height: 100%;
    background: #2c3e50;
    display: inline-flex;
}

#editor {
    width: 65%;
    height: 95%;
    margin: 10px 5px 10px 10px;
    padding: 0; 
}
#editorHtml {
    width: 100%;
    height: 33%;
    margin-bottom: 5px;
    border: 1px solid #3498db;
    resize: vertical;
}
#editorCss {
    width: 100%;
    height: 33%;
    margin-bottom: 5px;
    border: 1px solid #3498db;
    resize: vertical;
}
#editorJs {
    width: 100%;
    height: 33%;
    margin-bottom: 5px;
    border: 1px solid #3498db;
    resize: vertical;
}

#viewer {
    width: 100%;
    height: 96%;
    margin: 10px 10px 10px 5px;
    background: white;
    border: 1px solid #3498db;
}