body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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{display:flex;flex-direction:row;width:100%}.App.empty{height:100vh;justify-content:center;width:100vw}.App.empty,.vertical{align-items:center;flex-direction:column}.vertical{display:flex;max-height:100vh;overflow:auto;width:100%}.icon{align-self:center;justify-self:center;padding-left:10px}.note-space{width:90%}.title{font-size:16px;font-weight:700;line-height:24px;margin-bottom:10px;margin-top:25px;outline:0;text-align:left;width:70%}.title.hug{margin-bottom:20px;width:auto}.editor{font-size:16px;line-height:24px;max-width:70ch;min-height:70vh;outline:0;padding-bottom:80px;text-align:left}.button-header{justify-content:space-between;padding-bottom:10px;padding-top:25px;width:90%}.button-grp,.button-header{display:flex;flex-direction:row}.button-grp{align-items:center}.button-grp.sidebar{padding:0;width:100%}.button{background-color:#ffe5f6;border:0;border-radius:5px;margin:0 10px;padding:10px 15px;transition:all .2s ease}.button:hover{background-color:rgba(221,120,221,.5);cursor:pointer}.button.delete{background-color:#fff;color:#f1235d}.button.delete:hover{box-shadow:inset 0 0 0 1px red}.button.newnote{align-self:"center";background-color:rgba(255,229,246,0);font-size:16px;justify-self:"center";margin:0;width:100%}.button.newnote:hover{cursor:pointer;text-decoration:underline}.button.icon{background-color:#f9cdf4;background-image:radial-gradient(at 26% 62%,#bff896 0,transparent 50%),radial-gradient(at 84% 41%,#f594c4 0,transparent 50%),radial-gradient(at 88% 14%,#e3e191 0,transparent 50%),radial-gradient(at 45% 53%,#dd78dd 0,transparent 50%),radial-gradient(at 29% 66%,#a4f183 0,transparent 50%);border-radius:40px;height:40px;margin-bottom:10px;width:40px}.button.icon.plus{border:1px solid #000;height:45px;margin-bottom:0;width:45px}.button.icon.chevron,.button.icon.plus{background-color:rgba(255,229,246,0);background-image:none}.button.icon.chevron{align-self:flex-start;height:20px;margin:0;padding:0;width:20px}.chevron-wrapper{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:10px;width:100%}.logo{font-size:16px;font-weight:700;width:20px}.profile-pic{border-radius:50%;height:30px;margin-left:10px;width:30px}.profile-pic:hover{cursor:pointer}.sidebar{align-items:center;background-color:#ffe5f6;background-color:#f9cdf4;background-image:radial-gradient(at 26% 62%,#bff896 0,transparent 50%),radial-gradient(at 84% 41%,#f594c4 0,transparent 50%),radial-gradient(at 88% 14%,#e3e191 0,transparent 50%),radial-gradient(at 45% 53%,#dd78dd 0,transparent 50%),radial-gradient(at 29% 66%,#a4f183 0,transparent 50%);border-radius:20px;display:flex;flex-direction:column;height:90%;margin:5%;padding:20px;transition:width .2s ease;width:250px}.sidebar.hidden{background-color:#fff;background-image:none;width:50px}.all-notes{height:85vh;overflow-y:scroll;width:100%}.note{padding-bottom:20px;width:100%}.note:hover{cursor:pointer}.selected{text-decoration:underline}.all-notes-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:95%}.all-notes-title,.last-saved{font-size:16px;line-height:24px;outline:0;text-align:left}.sidebar-enter{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:250px}.sidebar-enter-active{transition:all .3s ease-in-out,opacity .3s ease-in-out;width:250px}.sidebar-enter-active,.sidebar-exit{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.sidebar-exit{width:50px}.sidebar-exit-active{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .3s ease-in-out,opacity .3s ease-in-out;width:50px}.react-toggle{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;background-color:initial;border:0;cursor:pointer;display:inline-block;padding:0;position:relative;touch-action:pan-x;-webkit-user-select:none;user-select:none}.react-toggle-screenreader-only{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{background-color:#ffe5f6;border-radius:30px;height:24px;padding:0;transition:all .2s ease;width:50px}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#f8cfea}.react-toggle--checked .react-toggle-track{background-color:rgba(221,120,221,.5)}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:rgba(221,120,221,.7)}.react-toggle-track-check{bottom:0;height:10px;left:8px;line-height:0;margin-bottom:auto;margin-top:auto;opacity:0;position:absolute;top:0;transition:opacity .25s ease;width:14px}.react-toggle--checked .react-toggle-track-check,.react-toggle-track-x{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{bottom:0;height:10px;line-height:0;margin-bottom:auto;margin-top:auto;position:absolute;right:10px;top:0;width:10px}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{background-color:#fafafa;border:1px solid #ffe5f6;border-radius:50%;box-sizing:border-box;height:22px;left:1px;position:absolute;top:1px;transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;transition:all .25s ease;width:22px}.react-toggle--checked .react-toggle-thumb{border-color:rgba(221,120,221,.5);left:27px}.react-toggle--focus .react-toggle-thumb{box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{box-shadow:0 0 5px 5px #0099e0}
/*# sourceMappingURL=main.f2bbeef0.css.map*/