#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}body,html{height:100%;margin:0}.app-container{display:flex}.app-container,.editor{height:100%;width:100%}.pages,.pages-manager{display:flex;flex-direction:column}.pages-manager{background:#333;padding:5px}.add-page{background:#444;white-space:nowrap;margin-bottom:10px}.add-page,.page{color:#fff;padding:5px;border-radius:2px;cursor:pointer}.page{background-color:#444;margin-bottom:5px;&.selected{background-color:#706f6f}}.page-close{opacity:.5;float:right;background-color:#2c2c2c;height:20px;display:inline-block;width:17px;text-align:center;border-radius:3px;&:hover{opacity:1}}