body,html{height:100%;margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;flex-direction:column}#app,#editorDiv{height:100%;display:flex}#editorDiv{flex-direction:row}#displayWindow,#editorWindow{padding-top:20px;width:40%;height:100%}#displayWindow{padding-left:1rem}#editorWindow{margin-right:1rem}#editorWindow #editor{background-color:#f5f5f5;border:none;height:100%;width:99%;resize:none;font-size:1.25rem;border-radius:10px;color:#2c3e50;padding:10px;margin:10px}#editorWindow #editor::-moz-placeholder{color:#9c9c9c}#editorWindow #editor:-ms-input-placeholder{color:#9c9c9c}#editorWindow #editor::placeholder{color:#9c9c9c}#headingDiv button{background-color:#f5f5f5;border:1px solid;margin:5px;border-radius:20px}@media(max-width:768px){#editorDiv{flex-direction:column}#displayWindow,#editorWindow{width:100%}#displayWindow{padding-left:1rem;padding-top:2rem}}