body{background-color:#222831;margin:0;padding: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}

.header{display:flex;flex:auto;width:100%;padding:16px 12px}.header-hamburger{display:block;margin:auto 12px;cursor:pointer}.header-title{width:250px;margin-right:36px}.header-search{background-color:#202124;border:none;height:46px;outline:none;width:100%;padding:0px 12px;max-width:480px;font-size:18px;color:#eee}.header-search-wrapper{display:flex;width:420px;position:relative}.header-search-wrapper svg{position:absolute;right:6px;top:12px;cursor:pointer}

.sidebar{position:fixed;height:100vh !important;display:flex;flex-direction:column;border-right:1px solid;border-radius:0;border-color:#f2a365;background-color:#222831;transition:0.8s ease;z-index:999}.sidebar-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:9;cursor:pointer;z-index:998}.sidebar-item{margin-top:18px;font-size:24px;cursor:pointer}

.note-composer{position:relative}.note-composer-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:9}.note-composer-form{max-width:600px;margin:0 auto;padding:20px;background-color:#202124;border-radius:8px;z-index:10;width:100%;position:relative;box-shadow:0 3px 5px rgba(0,0,0,0.2);margin-top:24px}.note-composer-title{background-color:#202124;border:none;height:32px;outline:none;width:100%;max-width:480px;font-size:20px;color:#eee}.note-composer-title-wrapper{width:100%;margin-bottom:10px;display:flex;transition:0.3s ease-in}.note-composer-textarea{background-color:#202124;display:block;width:100%;overflow:hidden;min-height:40px;line-height:20px;border:none;padding:14px 0;font-size:16px;text-align:left;color:#eee;resize:none}.note-composer-textarea:empty::before{content:"Take a Note...";color:gray}.note-composer-textarea:focus{outline:none}.note-composer-menu-items{display:flex;margin-left:auto;margin-right:0;width:fit-content;transition:visibility 0.2s ease-in}.note-composer-menu-item{cursor:pointer;font-size:14px;margin:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;line-height:18px;height:36px;padding:8px 24px;-webkit-border-radius:4px;border-radius:4px}.note-composer-menu-item:hover{background-color:rgba(154,160,166,0.039)}

.note{border:1px solid #dadce0;border-radius:8px;padding:20px;cursor:default;transition:all .2s ease-in-out;position:relative;text-align:left}.note-title{font-size:16px}.note-description{font-size:14px;font-family:inherit;word-break:break-all;text-overflow:ellipsis}.note-menu-items{margin-top:16px;display:flex;margin-left:auto;margin-right:0;width:fit-content}.note-menu-item{cursor:pointer;font-size:14px;margin:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;line-height:18px;height:36px;padding:8px 24px;-webkit-border-radius:4px;border-radius:4px}.note-menu-item:hover{background-color:rgba(154,160,166,0.039)}

.note-list{position:relative;margin:50px auto;margin:0 20%;max-width:80%;overflow:hidden;margin-top:36px}.note-list-category{font-size:16px;width:fit-content;margin:12px 0}.note-list-notes{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fit, minmax(270px, 1fr))}

.menu-item-pin{height:32px;width:32px;background-size:24px 24px;right:12px;top:6px;background-repeat:no-repeat}

.edit-note{justify-content:center;width:100%;margin:25px;padding-top:20vh}.edit-note-overlay{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(229,229,229,0.75);z-index:100}.edit-note-form{display:flex;flex-direction:column;position:relative;width:100%;max-width:600px;background:#fff;padding:20px 20px 8px;margin:auto;border-radius:8px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.3),0 2px 6px 2px rgba(60,64,67,0.15);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.edit-note-title{margin-bottom:20px;width:100%;display:block;border:0;outline:0;padding:0;font-size:18px}.edit-note-description{font:inherit;resize:none;line-height:1.5;min-height:5em;max-height:50vh;width:100%;display:block;border:0;outline:0;margin:0;padding:0;font-size:16px;background-color:initial}.edit-note-menu{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.edit-note-menu-submit{padding:8px;margin-left:-8px;opacity:.5;border:0;outline:0;font-weight:700;font-size:14px;cursor:pointer}.edit-note-menu-delete{opacity:.5;border:0;outline:0;height:36px;padding:8px 24px;border-radius:4px;font-weight:700;font-size:14px;cursor:pointer}

body{border-top:5px solid #f2a365;max-width:100%;max-height:100%}.App{align-items:center;font-size:36px;color:#eee;text-align:center;background-color:#222831;height:100vh;width:100vw}


/*# sourceMappingURL=main.css.map*/