body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f3f1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-size:1rem;overflow:hidden}.App,.app-main{display:flex;height:100vh;width:100%}.app-main{flex-direction:row-reverse}.app-main-note-edit,.app-main-note-preview{height:100vh;width:50%}.app-main-note-edit{background:#0000000a;padding:2rem 2rem 0}.app-main-note-edit textarea{height:60vh;margin-bottom:1rem;padding:1rem}.app-main-note-edit input,.app-main-note-edit textarea{border:1px solid #ddd;box-sizing:border-box;display:block;resize:none;width:100%}.app-main-note-edit input{font-size:1.2rem;height:calc(35vh - 150px);height:2.5rem;margin-bottom:2rem;padding:.5rem}.app-main-note-preview{border-top:1px solid #ddd;overflow-y:scroll}.preview-title{font-size:1.5rem;font-weight:400;margin:0;padding:2rem 2rem 0}.markdown-preview{line-height:2rem;padding:0 2rem}.no-active{font-size:1.55rem;height:100vh;line-height:100vh;text-align:center;width:70%}.app-main-note-preview .btn-menu{display:none}@media screen and (max-width:767px){.app-main{height:100vh;width:50rem}.app-main-note-edit{height:50vh;width:100%}.app-main-note-preview{height:100vh;position:absolute;top:0;transform:translate(0);transition:.3s;width:64.5vw}.app-main-note-edit{padding:2vw}.app-main-note-edit input{box-sizing:border-box;font-size:4vw;height:auto;padding:3vw}.app-main-note-edit textarea{box-sizing:border-box;height:90vw;margin-bottom:5vw;padding:3vw;width:100%}.app-main-note-preview{background:#f1f0f0;border-top:1px solid #ddd;overflow-y:scroll}.preview-title{font-size:4vw;font-weight:400;margin:0;padding:5vw 5vw 0}.markdown-preview{font-size:3.5vw;line-height:6vw;padding:0 5vw}.no-active{font-size:4vw;height:100vh;line-height:100vh;text-align:center;width:80vw}.app-main-note-preview .btn-menu{background:#dfbe03;color:#fff;cursor:pointer;display:block;font-size:3.85vw;margin:3.5vw auto 0;padding:2vw 0 1vw;text-align:center;width:46.5vw}.app-main-note-preview.slide{transform:translateY(120vw)}}button{background:none;border:none;cursor:pointer;margin:0;padding:0}.app-sidebar{background:#00838f;color:#fff;height:100vh;width:300px}.app-sidebar-header{border-bottom:1px solid #fff;display:flex;justify-content:space-between;padding:2rem 1.5rem 1.5rem}.app-sidebar-header h1{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.app-sidebar-header button{background:currentColor;color:#fff;cursor:pointer;display:inline-block;height:.15em;line-height:1;margin-top:.85rem;position:relative;vertical-align:middle;width:1em}.app-sidebar-header button:before{background:inherit;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transform:rotate(90deg);width:100%}.app-sidebar-header button:after{border:1px solid #fff;content:"";height:1.5rem;left:-.35rem;position:absolute;top:-.65rem;width:1.5rem}.app-sidebar-notes{height:calc(100vh - 75px);overflow-y:scroll}.app-sidebar-note{cursor:pointer;padding:1rem}.sidebar-note-title{word-wrap:break-word;display:flex;justify-content:space-between}.sidebar-note-title strong{display:block;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:73rem}.sidebar-note-title button{display:block}.sidebar-note-title button svg{color:#fff;height:1.15rem;width:1.15rem}.app-sidebar-note:hover{background-color:#f1f0f0;color:#000}.app-sidebar-note:hover svg{color:#000}.app-sidebar-note.active{background-color:#f1f0f0}.app-sidebar-note.active .sidebar-note-title button svg,.app-sidebar-note.active small,.app-sidebar-note.active strong{color:#000}@media screen and (max-width:767px){.app-sidebar{background:#00838f;color:#fff;height:100vh;width:35.8vw}.app-sidebar-header{padding:5vw 4.5vw}.app-sidebar-header h1{font-size:3.85vw;margin:0}.app-sidebar-header button{background:currentColor;color:#fff;cursor:pointer;display:inline-block;height:.5vw;line-height:1;margin-top:2vw;position:relative;vertical-align:middle;width:3vw}.app-sidebar-header button:before{background:inherit;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;transform:rotate(90deg);width:100%}.app-sidebar-header button:after{content:"";height:6vw;left:-1.75vw;position:absolute;top:-3vw;width:6vw}.app-sidebar-note{cursor:pointer;padding:3vw 2vw}.sidebar-note-title{word-wrap:break-word;display:flex;font-size:3vw;justify-content:space-between}.sidebar-note-title strong{display:block;width:28.5vw}.app-sidebar-note small{font-size:3vw}.sidebar-note-title button{display:block}.sidebar-note-title button svg{color:#fff;height:4vw;width:4vw}.app-sidebar-note:hover{background-color:#00838f;color:#fff}.app-sidebar-note:hover svg{color:#fff}.app-sidebar-note.active{background-color:#f1f0f0}.app-sidebar-note.active .sidebar-note-title button svg,.app-sidebar-note.active small,.app-sidebar-note.active strong{color:#000}}
/*# sourceMappingURL=main.863f1d2b.css.map*/