body{background-color:#222831;padding:0;margin:0 10px;overflow:hidden}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;margin:0 auto;width:100%;height:100vh;max-width:800px;overflow:hidden}#button-bar{text-align:right;height:20px;padding:10px 10px 15px 0;overflow:hidden;border-radius:10px;background-color:#393e46;color:#00adb5;margin:10px 0}.button{padding:6px;margin-left:10px;cursor:pointer}.button:hover{color:#eee}.save-icon{height:10px;width:10px;background-color:#a8e890;border-radius:50%;float:left;margin-left:20px;margin-top:8px}.needs-saving{background-color:red}#text{min-height:calc(100vh - 170px);max-height:calc(100vh - 170px)}#editor,#viewer{width:calc(100% - 30px);max-width:calc(100% - 30px);overflow-y:auto;background-color:#393e46;color:#bfbfbf;border:none;padding:15px;height:calc(100vh - 180px);font-size:1.1rem;border-radius:10px}#editor{outline:none!important}#viewer{background-color:#222831;text-align:left;overflow-wrap:break-word}#viewer a{color:#00adb5}h1,h2,h3,h4,h5,h6{text-align:center}