#main-section{z-index:100;box-sizing:border-box!important;width:85%;margin:0;padding:0;float:right}#header-section{z-index:250;box-sizing:border-box}.tooltiptext1{left:10%}.tooltiptext1,.tooltiptext2{visibility:hidden;width:120px;background-color:#c1c1c1;color:#363636;text-align:center;border-radius:6px;padding:5px 0;position:absolute;top:105%;z-index:1}.tooltiptext2{left:50%}.btn-delete-forever,.btn-restore{background-color:#fff;width:38px;height:100%;border-radius:5px;border:1px solid #000;display:flex;align-items:center;justify-content:center;margin-right:5px}.btn-delete-forever:hover,.btn-restore:hover{border:1px solid #a7a4a4;background-color:#a7a4a4;outline:none}.btn-delete-forever:hover~.tooltiptext2,.btn-restore:hover~.tooltiptext1{visibility:visible}.btn-unarchive{box-sizing:border-box;font-size:1.1em;width:15%;display:inline-block;background-color:#fff;height:28px;padding-top:5px;padding-bottom:5px;border-radius:5px;border:0 solid #000;position:relative}.tooltiptext{left:90%}.btn-unarchive:hover{box-sizing:border-box;border:1px solid #a7a4a4;background-color:#a7a4a4;outline:none}.btn-unarchive:hover~.tooltiptext{visibility:visible}#navbar{z-index:250;display:flex;align-items:center;height:8vh;width:100%;border:1px solid hsla(0,0%,100%,.2);border-radius:10px;box-shadow:6px 1px 0 0 rgba(217,210,200,.51);color:#4e4d4d;font-family:"Fira Sans Condensed",sans-serif;font-size:1.3em;margin:0}#menu{cursor:pointer}.btn-menu{background-color:#fff;width:40px;height:40px;font-size:1em;margin-left:20px;border-width:0;display:flex;align-items:center;justify-content:center}.btn-menu:focus{outline:none}.btn-menu:hover{border:1px solid #000;border-radius:100%;background-color:#f5d080}.btn-search{background-color:#fff;font-size:1em;margin-left:5px;border-width:0}#search-bar{width:48%;height:70%;padding:0;display:flex;align-items:center;flex-direction:row;margin-left:20px;border:1px solid hsla(0,0%,100%,.2);border-radius:10px;box-shadow:6px 6px 16px 0 rgba(217,210,200,.51)}.input-field{width:85%;height:100%;padding:10px;box-sizing:border-box;margin:0;border:transparent}.input-field:focus{border:transparent;outline:none}img{margin:10px 10px 10px 20px}.container{width:100%;display:flex;align-items:center;justify-content:center;padding-left:0;padding-right:0;margin-top:20px}.container,.input-group{height:auto;box-sizing:border-box}.input-group{width:600px;border:1px solid hsla(0,0%,100%,.2);box-shadow:5px 5px 5px rgba(217,210,200,.51),-3px -3px 5px rgba(217,210,200,.51);border-radius:10px;padding:0!important;text-align:center}.input-group .add_note{width:90%;height:45px;margin:0;padding:10px;box-sizing:border-box;float:left;border:0 solid #fff}.input-group .add-todo{width:10%;height:45px;text-align:center;font-size:1.5em;font-weight:100;float:right;display:flex;justify-content:center;background-color:#fff;align-items:center;-webkit-text-stroke:0 #fff;box-sizing:border-box}.add_note::-webkit-input-placeholder{font-family:"Merriweather Sans",sans-serif;padding:15px}.add_note:-ms-input-placeholder{font-family:"Merriweather Sans",sans-serif;padding:15px}.add_note::placeholder{font-family:"Merriweather Sans",sans-serif;padding:15px}.input-group .add_note:focus{outline:none}.note_title{height:40px;margin:3px}.note_content,.note_title{width:100%;padding:0;border:0 solid red}.note_content{height:60px;margin:0;resize:none}.note_content:focus,.note_title:focus{outline:none}.note_title::-webkit-input-placeholder{font-family:"Merriweather Sans",sans-serif;padding:10px}.note_title:-ms-input-placeholder{font-family:"Merriweather Sans",sans-serif;padding:10px}.note_title::placeholder{font-family:"Merriweather Sans",sans-serif;padding:10px}.note_content::-webkit-input-placeholder{font-family:"Merriweather Sans",sans-serif;padding-left:10px}.note_content:-ms-input-placeholder{font-family:"Merriweather Sans",sans-serif;padding-left:10px}.note_content::placeholder{font-family:"Merriweather Sans",sans-serif;padding-left:10px}.btn-close{background-color:#fff;width:70px;height:25px;padding-top:5px;padding-bottom:5px;border-radius:5px;float:right;border:0 solid #000}.btn-close:hover{border:1px solid #a7a4a4;background-color:#a7a4a4;outline:none}.todo_title{border:0 solid red}.todo_content{height:2rem!important;margin:5px 10px 10px;padding:.8rem;background-color:#014563;border-width:0}:focus{outline:none}.todo_content::-webkit-input-placeholder,.todo_title::-webkit-input-placeholder{font-size:1.1em!important}.todo_content:-ms-input-placeholder,.todo_title:-ms-input-placeholder{font-size:1.1em!important}.todo_content::placeholder,.todo_title::placeholder{font-size:1.1em!important}.task-add,.task-complete{font-size:1.3rem;width:4%}.backdrop{width:100%;height:100vh;z-index:150;background-color:rgba(0,0,0,.4);position:fixed;top:0;left:0}.full_note{width:40%;min-height:300px;z-index:250;position:absolute;left:50%;transform:translateX(-50%);background-color:#fff;border:1px solid hsla(0,0%,100%,.4);box-shadow:2px 2px 2px rgba(85,84,83,.41),-2px -2px 4px rgba(85,84,83,.41);border-radius:5px;box-sizing:border-box;margin-top:15px;padding:0}@media(max-width:600px){.full_note{width:80%}}.noteTitle{height:40px;font-size:1.6em;padding-left:10px}.content-section,.noteTitle{width:100%;border:0 solid #000;margin:0;box-sizing:border-box}.content-section{height:300px;resize:none;font-size:1.3em;padding:10px 6px 0;overflow-y:scroll}.content-section .noteContent{width:100%;height:80%;font-size:1em;resize:none}.noteContent:focus,.noteTitle:focus{outline:none}.btn-update{background-color:#fff;width:70px;border-radius:5px;border:0 solid #000;font-size:1.3em;padding-top:5px;padding-bottom:5px;margin-right:10px;float:right}.btn-update:hover{border:1px solid #a7a4a4;background-color:#a7a4a4;outline:none}.main-section{display:flex;flex-wrap:wrap;margin-left:60px}.note-box{width:270px;height:230px;border:1px solid hsla(0,0%,100%,.4);box-shadow:2px 2px 2px rgba(217,210,200,.31),-2px -2px 4px rgba(217,210,200,.31);border-radius:5px;margin-top:50px;margin-left:15px;font-family:"Poppins",sans-serif;padding:8px;z-index:100;position:relative}.note-box .note-title{width:85%;height:10%;margin:0}.btn-pin,.note-box .note-title{display:inline-block;box-sizing:border-box}.btn-pin{font-size:1.1em;width:15%;background-color:#fff;height:28px;padding-top:5px;padding-bottom:5px;border-radius:5px;border:0 solid #000;position:relative}.tooltiptext{visibility:hidden;width:120px;background-color:#c1c1c1;color:#363636;text-align:center;border-radius:6px;padding:5px 0;position:absolute;top:-15%;left:60%;z-index:1}.btn-pin:hover{box-sizing:border-box;border:1px solid #a7a4a4;background-color:#a7a4a4;outline:none}.btn-pin:hover~.tooltiptext{visibility:visible}@media(max-width:499px){.main-section{display:flex;justify-content:center!important;flex-wrap:wrap;margin-left:0!important;padding-left:0}.note-box{width:210px!important;height:200px!important;box-sizing:border-box!important}.tooltiptext{top:-20%!important;left:50%!important}}@media(min-width:499px) and (max-width:768px){.main-section{display:flex;flex-wrap:wrap;margin-left:0!important;padding-left:5px}.note-box{width:180px!important;height:130px!important;box-sizing:border-box!important}.tooltiptext{top:-20%!important;left:50%!important}}.note-content{margin:0;padding-top:.7rem;padding-left:.2rem;display:block;overflow-y:scroll;height:75%}.note-content,.note-footer{width:100%;box-sizing:border-box}.note-footer{height:15%;flex-direction:row;margin-bottom:0}.btn-delete,.btn-edit,.note-footer{display:flex;justify-content:center}.btn-delete,.btn-edit{background-color:#e0dddd;width:70px;height:25px;border-radius:5px;margin:5px;align-items:center;border-width:0}.btn-delete:hover,.btn-edit:hover{border:1px solid #a7a4a4;background-color:#a7a4a4;outline:none}.todo_title{width:100%;height:40px;margin:3px;padding:0}.todo_task{border:0 solid #000;margin-bottom:.2rem}.todo_content,.todo_task{display:flex;align-items:center}.todo_content{width:80%;height:.7rem;margin:2px 10px 10px 7px;padding:.1rem;border-radius:5px;background-color:#dfe6e9;box-sizing:border-box}.todo_content::-webkit-input-placeholder,.todo_title::-webkit-input-placeholder{font-size:.3rem}.todo_content:-ms-input-placeholder,.todo_title:-ms-input-placeholder{font-size:.3rem}.todo_content::placeholder,.todo_title::placeholder{font-size:.3rem}.task-add,.task-complete{font-size:.8rem;width:7%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.sidedrawer{height:100vh;width:15%;float:left;margin:0!important;box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:flex-start!important;align-items:flex-start!important;padding-top:20px;padding-left:15px;transition:transform .4s ease-in}@media(max-width:499px){.sidedrawer{padding:0!important;align-items:center!important;justify-content:center!important;margin:0}}.btn-archive,.btn-bin,.btn-notes{width:40px;height:40px;text-align:center;font-size:1.5em;font-weight:100;display:flex;justify-content:center;background-color:#fff;align-items:center;margin-top:20px;-webkit-text-stroke:0 #fff;box-sizing:border-box}.btn-archive:link,.btn-bin:link,.btn-notes:link{color:#000}.btn-archive:hover,.btn-bin:hover,.btn-notes:hover{border:1px solid #000;border-radius:100%;background-color:#f5d080}*{margin:0;padding:0}
/*# sourceMappingURL=main.f91160e0.chunk.css.map */