html, body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}

* {
    padding: 0px;
    margin: 0px;
}

main {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
}

#left, #right {
    height: 100%;
}

#left {
    width: 572px;
}

#right {
    flex-grow: 1;
}

#code, #frame {
    width: 100%;
    height: 100%;
}

#frame {
    border: none;
    outline: none;
    box-sizing: border-box;
}