

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
.main {
    height:80%;
}
#left-column,#right-column {
    float: left;
    width: 50%;
    height: 100%;
    
}


#html,#markdown {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height:100%;
    resize: none;
    margin: 0;
    padding: 5px 0 0;
    border: 0;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    color: #111;
    background-color: transparent
}


#html:focus,#markdown:focus {
    outline: 0
}
#preview {
    /*display: block;*/
    /*box-sizing: border-box;*/
    border-style: dashed;
    border-width: 1px;

    width: 100%;
    height:100%;
}
/* markdown use : ">" */
blockquote {
    border-left: 5px solid #e7e7e7;
    margin: 1em 0;
    padding-left: 10px
}
