*{box-sizing:border-box;margin:0;padding:0}.header-content{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;margin-bottom:2rem}.dark-mode{background-color:#000}.dark-mode h1{color:#fff}.container{max-width:960px;margin:0 auto;padding:0,15px;min-height:100vh}@media screen and (max-width:1000px){.container{padding-left:1rem;padding-right:1rem}}.notes-list{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.note.new{background-color:#67d7cc}textarea{border:none;resize:none;background-color:#67d7cc;outline:none}.save{background-color:#e1e1e1;border:none;border-radius:15px;padding:5px 10px}.save:hover{background-color:#ededed;cursor:pointer}.note{background-color:#fef68a;border-radius:10px;padding:1rem;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;white-space:pre-wrap}.note-footer{display:flex;align-items:center;justify-content:space-between}.delete-icon{cursor:pointer}.search{display:flex;align-items:center;background-color:#e9e9e9;border-radius:10px;margin-bottom:1.5rem;padding:5px}.search input{border:none;outline:none;background-color:#e9e9e9;width:100%}.header-btn{background-color:#e1e1e1;border:none;border-radius:15px;padding:5px 10px}.header-btn:hover{background-color:#ededed;cursor:pointer}