body {
    background-color:rgb(203, 171, 230);
    margin:0;
}

.margin-view-overlays {
    user-select:none;
}

main {
    position: fixed;
    display:flex;
    height:100vh;
    width:100vw;
    justify-content: center;
    align-items: center;
}

#editor {
    min-height:100px;
    min-width:200px;
    width:400px;
    height:200px;
    resize: both;
    overflow-y: hidden;
    overflow-x: auto;
}

#editor::-webkit-scrollbar,
#editor::-webkit-scrollbar-corner {
    opacity:0;
}

.editorwrap {
    background-color:#1e1e1e;
    border:10px solid #1e1e1e;
    border-radius:8px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.outputwrap {
    margin-top:10px;
    min-height:35px;
    width:auto;
    height:auto;
    background-color:#eee;
    border-radius:8px;
}

.hidden {
    display:none;
}

#output {
    margin:0;
    padding:10px;
}