*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.note{background-color:#fef68a;margin-bottom:10px;border-radius:10px;padding:1rem;min-height:170px;white-space:pre-wrap;display:flex;flex-direction:column;justify-content:space-between}.delete-icon{cursor:pointer}.delete-icon:hover{color:red}.note-footer{display:flex;justify-content:space-between}.notes-list{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.note.new{background-color:#67d7cc}textarea{height:90px;border:none;resize:none;background-color:#67d7cc}textarea:focus{outline:none}.save{background-color:#e1e1e1;border:none;border-radius:15px;padding:5px 10px}.save:hover{background-color:#ededed;cursor:pointer}.container{max-width:960px;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}.search{margin-top:.5rem;margin-bottom:.5rem;display:flex;align-items:center;border-radius:10px;background-color:#e9e9e9;padding:.5rem;justify-content:space-between}.search input{width:95%;padding:.1rem;border:none;border-radius:10px;background-color:#e9e9e9;font-size:1rem}.search-icons{color:#000}.search input:focus{outline:none}.header{display:flex;margin-top:.7rem;justify-content:space-between}.big-container{padding:1rem;height:100vh;overflow:auto}.dark-mode{background-color:#000}.dark-mode h1,h2{color:#fff}