@import url(https://fonts.googleapis.com/css?family=Abril+Fatface|Lato);#root{color:var(--white);--green:#00a82d;--black:#000;--white:#fff;--grey-light:#7b868a;--grey-dark:#525e61;--notes-list:#1a1a1a;--notes-body:#262626;font-family:monospace,sans-serif;height:100vh}#main-components-container{display:grid;grid-template-columns:.15fr 1fr}body{margin:0}button{border-radius:4px;cursor:pointer;text-transform:uppercase}.error-li{color:red;font-size:.9rem;margin:10px 0}.evernote-btn{background-color:initial;border:none;color:#fff;font-size:12px;padding:8px;outline:none}.evernote-btn:hover{background-color:var(--green)}.login-container{display:flex;justify-content:center;background-image:url(/static/media/login_bg.e8b61d3f.jpg);color:#000}.login-container-form{padding:16px;grid-gap:16px;margin-top:5%;box-shadow:0 4px 24px rgb(0 0 0/10%);text-align:left;max-width:512px}.login-container-form,.login-logo{display:flex;flex-direction:column}.login-logo{align-items:center}.error-form{line-height:1.8em;color:red;font-family:monospace;font-weight:700;font-size:15px}.login-bottom{display:flex;flex-direction:column;align-items:center}.login-form{display:flex;justify-content:center;color:#000}.form-field{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.login-btn{background-color:#00a82d;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px;width:100%}.login-btn:hover{background-color:#50be6d}.demo-btn{background-color:#fff;color:#00a82d}.demo-btn,.signUp-btn button{border:none;padding:10px 20px;text-align:center;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px;width:100%}.signUp-btn button{background-color:#00a82d;color:#fff}.signUp-btn button:hover{background-color:#50be6d}.logout-btn{background-color:initial;border:none;color:#fff;font-size:16px;padding:8px;outline:none;cursor:pointer;text-transform:uppercase}.logout-btn:hover{background-color:var(--green)}#modal{display:flex;justify-content:center;align-items:center;border-radius:10px}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.7)}#modal-content{position:absolute;background-color:#fff;border-radius:10px}.notes-container{display:flex;flex-direction:row;height:100vh;flex:auto;background-color:#000}.notes-list-container{width:20%;background-color:var(--notes-list);color:#fff;overflow:auto}.notes-list-note{height:60px;padding:8px;border-top:.5px solid #454343;display:flex;justify-content:space-between;flex-direction:column}.notes-list-note:hover{background-color:#454343;cursor:pointer}.note-title{word-wrap:break-word}.notes-body-container{width:80%;background-color:var(--notes-body)}.notes-list-header{justify-content:space-between;padding:8px}.notes-list-actions,.notes-list-header{display:flex;align-items:center}.notes-list-actions button{background-color:initial;border:none;color:#fff;font-size:16px;padding:8px;outline:none;cursor:pointer;text-transform:uppercase}.notes-list-actions button:hover{background-color:var(--green)}.notes-body{display:flex;flex-direction:column;height:100%;color:#f0f8ff}.notes-body-actions{height:60px;padding:8px;display:flex;justify-content:flex-end;align-items:center;grid-gap:12px;gap:12px}.notes-body-actions button{background-color:initial;border:none;color:#fff;font-size:12px;padding:8px;outline:none;cursor:pointer;text-transform:uppercase}.notes-body-actions button:hover{background-color:var(--green)}.notes-body-text{padding:32px;display:flex;flex-direction:column;height:100%;grid-gap:8px;gap:8px}.body-text-area{color:#f0f8ff;font-size:16px;padding:8px;flex-grow:100;margin-top:12px}.body-text-area,.notes-body-title{border:none;background-color:var(--notes-body);outline:none}.notes-body-title{height:40px;color:#fff;font-weight:600;font-size:24px;font-family:Source Sans Pro,-apple-system,system-ui,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.delete-note-main-container{display:flex;flex-direction:column;height:180px;padding:16px;background-color:#171616;grid-gap:12px;gap:12px}.delete-note-header{height:60px}.delete-note-header,.delete-note-info{display:flex;justify-content:space-between;align-items:center;padding:8px}.delete-note-info{height:20px;font-size:12px;opacity:.6}.delete-note-actions{display:flex;justify-content:flex-end}.delete-note-actions button{background-color:initial;border:none;color:#fff;font-size:12px;padding:8px;outline:none}.delete-note-actions button:hover{background-color:var(--green)}.ql-container{height:70vh;font-size:16px!important}.quill{height:75%}.home-container{height:94vh;display:flex;flex:auto;flex-direction:column;background-color:#333;padding:32px;grid-gap:12px;gap:12px}.home-welcome-title{height:40px;display:flex;justify-content:space-between}.home-welcome-date,.home-welcome-title{font-size:16px;color:#fff}.home-parent{display:grid;grid-template-columns:1fr .5fr;grid-gap:12px;gap:12px;height:90%}.home-notes-list{background-color:#181818;padding:12px;border-radius:8px;display:flex;flex-direction:column;grid-gap:20px;gap:20px;height:100%;overflow:auto}.home-notes-list-items-container{display:flex;flex-wrap:wrap;grid-gap:14px;gap:14px;padding:12px;height:100%;overflow-y:auto;align-content:flex-start}.home-notes-list-item{box-shadow:1px 2px 6px rgba(0,0,0,.3);display:flex;flex-direction:column;padding:8px;height:200px;width:200px;outline:1px solid transparent;cursor:pointer;justify-content:space-between}.home-notes-list-item,.home-scratchpad{border-radius:8px;background-color:#262222}.home-scratchpad{padding:12px}::-webkit-scrollbar{width:6px;background:#0a0a0a}::-webkit-scrollbar-thumb{width:4px;background:#555}::-webkit-scrollbar-thumb:hover{background:#555}.single-note-container-root{display:flex;flex-direction:column;height:96vh;background-color:#171616;padding:32px}.single-note-main-container{display:flex;padding:20px;box-sizing:border-box;border-radius:18px;background-color:#627464;overscroll-behavior:none;grid-column-gap:8px;-webkit-column-gap:8px;column-gap:8px}.single-note-body{display:flex;flex-direction:column;width:100vw;color:#f0f8ff}.single-note-body-actions{height:60px;padding:8px;display:flex;justify-content:flex-end;align-items:center;grid-gap:12px;gap:12px;background-color:var(--notes-body)}.single-note-body-actions button{background-color:initial;border:none;color:#fff;font-size:12px;padding:8px;outline:none;cursor:pointer;text-transform:uppercase}.single-note-body-actions button:hover{background-color:var(--green)}.single-note-body-text{display:flex;flex-direction:column;height:100%}.single-note-body-text-area{color:#f0f8ff;font-size:16px;flex-grow:100}.single-note-body-text-area,.single-note-body-title{border:none;background-color:var(--notes-body);padding:8px;outline:none}.single-note-body-title{height:40px;color:#fff;font-weight:600;font-size:24px;font-family:Source Sans Pro,-apple-system,system-ui,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.scratch-textarea{border:none;background-color:var(--notes-body);color:#f0f8ff;font-size:16px;padding:8px;flex-grow:100;outline:none}.scratch-main-container{display:flex;flex-direction:column;height:100%;grid-gap:8px;gap:8px}.scratch-actions{justify-content:flex-end;display:flex}.sidebar-container{position:relative;left:0;background-color:#1c1919;padding:16px;color:#fff;grid-gap:30px;gap:30px;justify-content:space-between}.sidebar,.sidebar-container{display:flex;flex-direction:column}.sidebar{height:80%;font-family:soleil,sans-serif;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.sidebar-navlink{color:#fff}.sidebar-actions{margin-bottom:32px;display:flex;justify-content:end}.splash-container{margin-left:20%;margin-right:20%}.splash-nav{display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky;width:100%;margin-top:2%;padding:5px 50px;z-index:1;height:60px}.nav-header{display:flex;align-items:center;font-size:15px;padding:3px}.splash-name{color:#000;font-size:25px;font-weight:700}.splash-login{display:flex;align-self:center}.splash-top{color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:25px;grid-gap:6px;gap:6px;padding-top:40px;padding-bottom:40px}.splash-top h1{font-size:40px;font-weight:700;letter-spacing:1.5px;font-family:soleil,sans-serif}.splash-top h2{font-size:24px;font-weight:350;line-height:40px;padding-bottom:30px;text-align:center}.splash-top>p,.splash-top h2{font-family:soleil,sans-serif}.splash-top>p{font-size:16px;text-decoration:underline;color:#000;margin-bottom:2%}.splash-top>p:hover{color:#00a82d}.splash-body{display:flex;justify-content:center;padding:0 30px}.splash-text{grid-gap:16px;gap:16px}.splash-text,.splash-txt{color:#000;display:flex;flex-direction:column;width:250px}.splash-txt{justify-content:start;grid-gap:10px;gap:10px}.splash-text .title{font-size:24px;font-weight:400;letter-spacing:1.5px;font-family:soleil,sans-serif}.splash-text .subtext{font-size:16px;font-weight:350;font-family:soleil,sans-serif}.splash-sign-up{background-color:#00a82d;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px;width:360px;height:40px;letter-spacing:1.5px}.splash-sign-up:hover{background-color:#50be6d}#splash-img{height:400px}#logo{height:50px;padding-top:.4em}.splash-login button{background-color:#00a82d;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px;width:100px;height:35px;letter-spacing:1.5px}.splash-login button:hover{background-color:#50be6d}.splash-footer{color:#000;display:flex;justify-content:flex-end;margin-top:32px;grid-gap:16px;gap:16px}.rightside-footer{display:flex;justify-content:center;grid-gap:12px;gap:12px}.notebook-container{display:flex;flex-direction:column;padding:10px;background-color:#171616}.notebook-header-title{height:10vh}.notebook-header-title,.notebook-number{display:flex;justify-content:space-between;align-items:center;padding:10px}.notebook-number{color:#fff;font-size:18px;font-weight:200}.notebook-number button{background-color:initial;border:none;color:#fff;font-size:12px;padding:8px;outline:none}.notebook-number button:hover{background-color:var(--green)}.notebook-table{height:80vh;padding:10px;overflow:auto}table{width:100%;border-collapse:collapse}td,th{padding:8px;text-align:left}th{background-color:#181616}tr:hover{background-color:#333}.child-table{width:100%;margin-left:20px}table tr:nth-child(2n){background-color:#181616}table tr:nth-child(odd){background-color:#262626}.create-notebook-main-container,.update-notebook-main-container{display:flex;flex-direction:column;height:280px;padding:16px;background-color:#171616;grid-gap:12px;gap:12px}.update-notebook-main-container{width:400px}.delete-notebook-main-container{display:flex;flex-direction:column;height:180px;padding:16px;background-color:#171616;grid-gap:12px;gap:12px}.create-notebook-header{height:60px}.create-notebook-header,.create-notebook-info{display:flex;justify-content:space-between;align-items:center;padding:8px}.create-notebook-info{height:20px;font-size:12px;opacity:.6}.create-notebook-textarea{height:200px;padding:8px;overflow:auto;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.create-notebook-textarea input{height:40px;width:90%;border:none;outline:none;padding:8px;font-size:16px;background-color:#0d0d0d;color:var(--white)}.create-notebook-actions{display:flex;justify-content:flex-end}.main-background-404{background:#1c1919;height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.top-404{margin-top:30px}.container-404{position:relative;width:250px;height:250px;margin:-40px auto 0}.ghost-404,.ghost-copy-404{width:50%;height:53%;left:25%;top:10%;position:absolute;border-radius:50% 50% 0 0;background:#ededed;border:1px solid #bfc0c0;border-bottom:none;-webkit-animation:float 2s ease-out infinite;animation:float 2s ease-out infinite}.ghost-copy-404{z-index:0}.face-404{position:absolute;width:100%;height:60%;top:20%}.eye-404,.eye-right-404{position:absolute;background:#585959;width:13px;height:13px;border-radius:50%;top:40%}.eye-404{left:25%}.eye-right-404{right:25%}.mouth-404{position:absolute;top:50%;left:41%;width:9px;height:10px;border-radius:50%;border-color:transparent #585959 #585959 transparent;border-style:solid;border-width:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.four-404,.one-404,.three-404,.two-404{position:absolute;background:#ededed;top:85%;width:25%;height:23%;border:1px solid #bfc0c0;z-index:0}.one-404{border-radius:0 0 100% 30%;left:-1px}.two-404{left:23%}.three-404,.two-404{border-radius:0 0 50% 50%}.three-404{left:50%}.four-404{left:74.5%;border-radius:0 0 30% 100%}.shadow-404{position:absolute;width:30%;height:7%;background:#bfc0c0;left:35%;top:80%;border-radius:50%;-webkit-animation:scale 2s infinite;animation:scale 2s infinite}@-webkit-keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes float{50%{-webkit-transform:translateY(15px);transform:translateY(15px)}}@keyframes float{50%{-webkit-transform:translateY(15px);transform:translateY(15px)}}.bottom-404{margin-top:10px}.top h1{font-family:"Abril Fatface",serif;color:#ededed;text-align:center;font-size:9em;margin:0;text-shadow:-1px 0 #bfc0c0,0 1px #bfc0c0,1px 0 #bfc0c0,0 -1px #bfc0c0}.top h3{font-size:2em;color:#bfc0c0;font-weight:900}.top h3,.top p{font-family:"Lato",sans-serif;text-transform:uppercase;text-align:center;margin-top:-20px}.top p{color:#585959;font-size:1em}.search-404{text-align:center}.link-button-404{display:flex;align-items:center;justify-content:center;margin-top:10px}.btn-404{background:#ededed;padding:15px 20px;margin:5px;color:#585959;font-family:"Lato",sans-serif;text-transform:uppercase;font-size:.6em;letter-spacing:1px;border:0}.btn-404 :hover{background:#bfc0c0;transition:all .4s ease-out}
/*# sourceMappingURL=main.245ee869.chunk.css.map */