body{background:#654ea3;background:linear-gradient(90deg,#de9cb7,#816bbf)}.container{margin-left:auto;margin-right:auto;max-width:960px;min-height:95vh;padding-left:15px;padding-right:15px}.container .header{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;margin-top:-.7rem}.container .header span{margin-top:-1rem;padding-bottom:1.5rem}.container .search{align-items:center;background-color:#e9e9e9;border-radius:10px;display:flex;margin-bottom:1.6rem;padding:10px}.container .search .search-icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.container .search input{background:transparent;border:none;font-size:1rem;resize:none;width:100%}.container .search input:focus{outline:none}.container .notes-list{grid-gap:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.container .notes-list .note{background-color:#ede792;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;min-height:170px;padding:.8rem;transition:all .2s ease-in;white-space:pre-wrap}.container .notes-list .note textarea{background:transparent;border:none;font-size:.9rem;resize:none}.container .notes-list .note textarea:focus{outline:none}.container .notes-list .note:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.container .notes-list .edit-icon,.container .notes-list .save-icon{cursor:pointer;position:absolute;right:1rem}.container .notes-list .note-footer{align-items:center;display:flex;justify-content:space-between}.container .notes-list .note-footer .delete-icon{cursor:pointer}.container .notes-list .note-footer .save{background-color:#ebdcdc;border:none;border-radius:15px;font-size:.9rem;padding:5px 10px}.container .notes-list .note-footer .save:hover{background-color:#fff7f7;cursor:pointer}.container .notes-list .note.new{background-color:#67d7cc}.container .notes-list .note.new textarea{background:transparent;border:none;font-size:.9rem;resize:none}.container .notes-list .note.new textarea:focus{outline:none}textarea::-webkit-scrollbar{width:6px}textarea::-webkit-scrollbar-track{background:transparent}textarea::-webkit-scrollbar-thumb{background-color:hsla(0,0%,39%,.3);border-radius:10px}textarea::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,39%,.5)}textarea{scrollbar-color:hsla(0,0%,39%,.3) transparent;scrollbar-width:thin}
/*# sourceMappingURL=main.3fa60cd2.css.map*/