body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{display:flex;align-items:center;justify-content:space-between}.dark-mode{background-color:#000}.dark-mode h1{color:#fff}.container{max-width:960px;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;min-height:100vh}.notes-list{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.note.new{background-color:#67d7cc}textarea{border:none;resize:none;background-color:#67d7cc}textarea:focus{outline:none}.save{background-color:#e1e1e1;border:none;border-radius:15px;padding:5px 10px;margin-right:10px}.cancel{background-color:#e1e1e1;border:none;border-radius:15px;padding:5px 10px}.save:hover{background-color:#ededed;cursor:pointer}.note{background-color:#ffb6c1;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}.edit-icon{margin-right:10px}.editing{background-color:#67d7cc}.search{display:flex;align-items:center;background-color:#e9e9e9;border-radius:10px;padding:5px;margin-bottom:1.5em}.search input{border:none;background-color:#e9e9e9;width:100%}.search input:focus{outline:none}