body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.sidebar{grid-area:sidebar;background-color:#32323c;color:#fff;overflow:scroll}.search{margin:2rem}.sidebar input{width:100%;height:32px;border-radius:.2rem;text-indent:.5rem;border-width:0;background-color:hsla(0,0%,100%,.4);color:#fff}.sidebar input:focus{outline:none}.sidebar input::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}.sidebar input:-ms-input-placeholder{color:hsla(0,0%,100%,.5)}.sidebar input::-ms-input-placeholder{color:hsla(0,0%,100%,.5)}.sidebar input::placeholder{color:hsla(0,0%,100%,.5)}.sidebar input::selection{background-color:#f4e9e2}.note-list-item{padding:1.5rem 2rem;border-bottom:1px solid #6d6d6d}.note-list-item h4{margin:0 0 .5rem}.note-list-item span{opacity:.7}.selected{background-color:hsla(0,0%,100%,.2)}.note-editor{padding:2rem;grid-area:main;flex-direction:column;align-items:stretch}.note-editor,.note-editor-footer{display:flex;justify-content:space-between}.note-editor-footer{bottom:1rem;flex-direction:row;border-top:1px solid rgba(0,0,0,.1);padding-top:1rem;width:100%;opacity:.6}.action-button-icon{padding:0 .5rem;cursor:pointer}.action-button-icon:hover{opacity:.6}.reading{height:100%;position:relative}.reading .content{overflow-y:scroll;position:absolute;top:2.5rem;bottom:0}.title{font-size:2rem;font-weight:600}.editing{height:100%;display:flex;flex-direction:column}.title-editing input{font-size:2rem;font-weight:600;border:none;background-color:transparent;width:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.title-editing input:focus{outline:0;outline-offset:0}.content-editing{height:100%}.content-editing textarea{width:100%;height:94%;line-height:1.6rem;margin:1rem 0;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;border:none;background-color:transparent;resize:none}.content-editing textarea:focus{outline:0;outline-offset:0}code{background-color:#32323c;border-radius:.2rem;padding:.2rem 1rem;margin:1rem 0;color:#fff}p{line-height:1.6rem}.App{height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f4e9e2;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.logo{position:absolute;top:2rem;right:4rem;z-index:2}.logo-name{font-weight:600;vertical-align:top;font-size:1.3rem;margin-left:.5rem;opacity:.8}.illustration{position:absolute;bottom:0}.note{height:80%;width:80%;position:relative;border-radius:1rem;background-color:#fffaf0;box-shadow:0 20px 40px 5px rgba(0,0,0,.2);display:grid;grid-template-areas:"sidebar main main main";grid-template-columns:repeat(4,1fr);overflow:hidden;z-index:2}.button-add{position:absolute;z-index:99;bottom:2rem;left:2rem;background-color:#1c1c1c;border-radius:100px;width:50px;height:50px;text-align:center;box-shadow:0 0 8px 5px rgba(255,248,244,0);transition:all 1s ease;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.button-add:hover{box-shadow:0 0 10px 10px rgba(255,248,244,.1)}
/*# sourceMappingURL=main.dd157742.chunk.css.map */