*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}:root{--btn-shadow:inset 0 0 5px 0px rgba(0,0,0,.3),2px 4px 6px -4px rgba(0,0,0,.5);--btn-shadow-hover:inset 0 0 3px 0 rgba(0,0,0,.3),2px 4px 4px -4px rgba(0,0,0,.3);--toggle:#333;--toggle-circle:#fff}@-webkit-keyframes noteDelete{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes noteDelete{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}.wrapper-dark{background-color:#111}.container{height:100vh;margin:0 auto;max-width:960px;overflow:hidden;padding:0 20px}.note_container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,200px);height:75vh;justify-content:space-between;overflow-y:scroll;padding:0 10px;transition:all 2s ease-in}.note_container::-webkit-scrollbar{width:7px}.note_container::-webkit-scrollbar-thumb{background-color:#727272;border-radius:5px}.note_container::-webkit-scrollbar-track{background-color:#a5a5a5;border-radius:5px}.note{background-color:#fef68a;border-radius:10px;box-shadow:inset 0 0 5px 0 rgba(0,0,0,.5);flex-direction:column;font-size:.9rem;height:250px;padding:15px 10px 10px;white-space:pre-wrap;width:100%}.note,.note__footer{display:flex;justify-content:space-between}.note__footer{align-items:center;padding:0 15px;position:relative}.note__footer:after{box-shadow:0 0 0 1px rgba(0,0,0,.05);content:"";height:0;left:0;position:absolute;top:-10px;width:100%}.note__date{color:rgba(0,0,0,.6);cursor:default;font-size:.7rem;font-weight:600}.note__delete{cursor:pointer;font-size:1.3rem;transition:all .1s}.note__delete:hover{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-name:noteDelete;animation-name:noteDelete;color:red}.add-note{background-color:#5edff0}.add-note .add-note__textarea{background-color:initial;border:none;font-size:.9rem;outline:none;resize:none}.add-note__footer{display:flex;justify-content:space-between}.add-note__footer span{font-size:.8rem;font-weight:600}.add-note__primary-btn{background-color:#ededed;border:none;border-radius:15px;box-shadow:inset 0 0 5px 0 rgba(0,0,0,.3),2px 4px 6px -4px rgba(0,0,0,.5);box-shadow:var(--btn-shadow);cursor:pointer;font-size:.9rem;font-weight:500;padding:1px 10px;transition:all .3s}.add-note__primary-btn:hover{box-shadow:inset 0 0 3px 0 rgba(0,0,0,.3),2px 4px 4px -4px rgba(0,0,0,.3);box-shadow:var(--btn-shadow-hover);color:rgba(0,0,0,.8)}.add-note__primary-btn:active{box-shadow:inset 0 0 5px 0 rgba(0,0,0,.3),2px 4px 6px -4px rgba(0,0,0,.5);box-shadow:var(--btn-shadow)}.search-container{align-items:center;background-color:#e9e9e9;border-radius:20px;display:flex;gap:15px;height:40px;margin-bottom:30px;padding:0 30px;width:100%}.search-container .searchIcon{color:#333;font-size:1.5rem}.search-container input{background-color:initial;border:none;font-size:1.2rem;line-height:30px;outline:none}.header{align-items:center;display:flex;justify-content:space-between;margin:25px 0 35px}.header h2{color:#333;color:var(--toggle);font-size:2rem;font-weight:500}.toggle__container{align-items:center;display:flex;gap:5px}.toggle__container span{color:#333;color:var(--toggle);font-size:.7rem}.toggle{background-color:#333;background-color:var(--toggle);border:1px solid #fff;border-radius:20px;height:20px;position:relative;width:50px}.toggle-circle{background-color:#fff;background-color:var(--toggle-circle);border-radius:10px;height:14px;position:absolute;top:2px;width:25px}.toggle-circle.light{left:2px}.toggle-circle.dark{background-color:#111;right:2px}
/*# sourceMappingURL=main.bed6a52a.css.map*/