*{box-sizing:border-box;margin:0;padding:0}html{background-color:#000;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem}.container{display:flex;height:100vh;justify-content:center;width:100vw}#notFoundWrapper{height:100%;width:100%}.notFoundHeading{color:#fff;font-size:40px}.noteView{color:#fff;height:100vh;padding:1rem;position:absolute;right:0;width:70vw}.noteView textarea{background:transparent;border:none;color:#fff;font-size:4rem;height:15%;margin:0;outline:none;padding:5px 5px 0;resize:none;width:100%}.noteView textarea::-webkit-scrollbar{width:4px}.noteView textarea::-webkit-scrollbar-track{background:#f1f1f1}.noteView textarea::-webkit-scrollbar-thumb{background:#888}.noteView textarea::-webkit-scrollbar-thumb:hover{background:#555}.noteView .noteViewTitle{border-bottom:1px solid gray;font-weight:700;height:16%}.noteView p{margin:0 auto;text-align:center}.noteView .noteViewText{bottom:0;font-size:1.2rem;height:79%;margin-top:10px}.notesBox{background:#181818;box-shadow:0 0 0 0 hsla(0,0%,100%,.15);display:flex;flex-direction:column;height:100%;height:100vh;left:0;overflow:scroll;overflow-x:hidden;padding:1rem;position:absolute;transition:left .4s ease-in;width:30vw;z-index:1}.notesBox h3{color:#fff}.notesBox .notesBoxTop{align-items:center;display:grid;grid-template-columns:60% 40%;justify-content:space-between;position:-webkit-sticky;position:sticky}.notesBox .notesBoxTop .title{color:#fff;font-size:40px;margin-bottom:1rem;margin-left:1rem;margin-top:2rem}.notesBox .notesBoxTop .searchNoteInput{background-color:initial;border:none;border-bottom:1px solid #fff;color:#fff;font-size:1.2rem;grid-column:span 2;margin:0 auto 5px;outline:none;padding:3px 2px;width:95%}.notesBox .notesBoxTop .createNoteButton{background-color:#343434;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.5rem;height:50px;justify-self:flex-end;margin-right:10px;outline:none;width:50px}.notesBox .notesBoxTop .createNoteButton:hover{box-shadow:0 0 1px 1px #343434;-webkit-transform:scale(1.01);transform:scale(1.01)}.notesBox .notesBoxTop .signOutButton{background-color:initial;border:none;color:#5cacd4;font-size:1rem;justify-self:end;margin-bottom:2px;outline:none;padding:2px;text-decoration:none}.notesBox .notesBoxTop .signOutButton:hover{color:#5cacd4;cursor:pointer;text-decoration:underline}.notesBox::-webkit-scrollbar{width:0}.noteBox{align-items:flex-start;background-color:gray;background:rgba(0,0,0,.25);border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:space-between;margin:5px;padding:1rem}.noteBoxContent{height:100%;justify-content:left;width:100%}.noteBoxContent h4{font-size:1.5rem;margin-bottom:1rem}.noteBoxContent p{font-size:1rem;margin-bottom:.5rem;margin-right:5px;max-height:70px;overflow-y:hidden}.noteButtons{display:flex;flex-direction:column-reverse;height:100%;justify-content:space-between}.noteButtons .deleteNoteButton,.noteButtons .togglePinButton{background-color:initial;cursor:pointer;font-size:1rem;margin-top:3px;outline:none;padding:3px}.noteButtons .deleteNoteButton:hover,.noteButtons .togglePinButton:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.toggleNotesBoxButton{background-color:initial;border:none;color:#fff;display:none;font-size:1.2rem;left:-2px;margin:0;outline:none;position:absolute;top:3px;z-index:2}.toggleNotesBoxButton:hover{cursor:pointer}@media screen and (max-width:900px){.container,.toggleNotesBoxButton{display:block}.noteView{width:100%;z-index:0}.noteView textarea{font-size:2.5rem}.noteView .noteViewTitle{height:10%;text-align:center}.noteView .noteViewText{font-size:1rem}.notesBox{display:grid;grid-template-columns:50% 50%;width:100%}.notesBox .notesBoxTop{grid-column:span 2}.title{font-size:30px;margin-left:8px;margin-right:8px;margin-top:1.5rem}}.alertBox{background-color:#e33d3d;border-radius:1rem;bottom:0;color:#fff;display:none;font-size:2rem;left:50%;padding:8px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3}.alertBox .alertHeading{font-size:1.5rem}.alertBox p{font-size:1rem}.alertBox button{background:transparent;border:none;color:#fff;float:right;font-size:1.5rem;height:20px;outline:none;width:20px}.alertBox button:hover{cursor:pointer}.form-container{border-radius:1rem;box-shadow:0 1px 1.5rem rgba(0,0,0,.1);max-width:40rem;padding:10rem 0;position:relative;width:100%;z-index:1}.form-heading{color:#fff;font-size:40px;font-weight:700;left:50%;position:absolute;top:10%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:left .5s,-webkit-transform .5s;transition:left .5s,transform .5s;transition:left .5s,transform .5s,-webkit-transform .5s}form{background-color:#fff;border-radius:1rem;box-shadow:0 1px 1.5rem rgba(0,0,0,.1);padding:2rem 0;transition:box-shadow .5s,-webkit-transform .5s;transition:transform .5s,box-shadow .5s;transition:transform .5s,box-shadow .5s,-webkit-transform .5s}.input-group{align-items:baseline;display:flex;margin:0 auto;position:relative;width:90%}.input-group input{border:none;color:#434343;font-size:1rem;margin-top:.5rem;outline:none;padding:1rem 0;position:relative;width:100%}.input-group>i{color:#5cacd4;font-size:1.2rem;margin-right:1rem}.input-group .bar{background-color:rgba(0,0,0,.1);bottom:0;height:1px;left:0;position:absolute;width:100%}.input-group .bar:before{background-color:#5cacd4;content:"";height:2px;position:absolute;transition:width .65s;width:0}.input-group input:focus+.bar:before{width:100%}.input-group button{background:linear-gradient(270deg,#5cacd4,#80d0e2);border:none;border-radius:3rem;color:#fff;cursor:pointer;font-size:1rem;margin:3rem auto;padding:1rem 5rem;transition:color .4s}.input-group button:focus,.input-group button:hover{background:linear-gradient(90deg,#5cacd4,#80d0e2);color:#000;outline:none}.forgot-password{font-size:10px;margin-top:10px}.forgot-password,.switch-signin{text-align:center}.forgot-password a,.switch-signin a{color:#a1a1a1;font-size:1rem;text-decoration:none}.switch-signin a span{color:#5cacd4;margin-left:1rem}.forgot-password a span{color:#5cacd4;margin-left:5px}.forgot-password a span:hover,.switch-signin a span:hover{border-bottom:1px solid #5cacd4;color:#5cacd4;padding-bottom:2px}@media screen and (max-width:700px){.form-container{height:100vh;margin:0 auto;max-width:100%}.form-heading{font-size:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}form{border-radius:initial;box-shadow:none}.input-group input{font-size:18px}.forgot-password a,.switch-signin a{font-size:12px}}
/*# sourceMappingURL=main.37ed8a87.css.map*/