@import"https://fonts.googleapis.com/css2?family=Protest+Revolution&family=Protest+Riot&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Protest Riot;font-size:20px}::selection{background:none}.container{max-width:90%;min-height:100vh;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.note{padding:1rem;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;white-space:pre-wrap;word-wrap:break-word}textarea{border:none;resize:none;background-color:#67d7cc;overflow:auto}textarea:focus{outline:none}.save{background-color:#e1e1e1;border:none;border-radius:15px;padding:5px 10px}.save:hover{background-color:#ededed;cursor:pointer}.note.new{background-color:#67d7cc}.notes-list{display:grid;grid-gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.note-footer{display:flex;justify-content:space-between}.search{display:flex;align-items:center;gap:1vw;background-color:#dcdcdc;border-radius:10px;padding:5px;margin-bottom:20px}.search input{border:none;background-color:#dcdcdc;width:100%;height:100%;outline:none;cursor:pointer}.header{display:flex;justify-content:space-between;align-items:center;padding:30px 0}.header h1{font-size:2.6vw}.toggleSave{background-color:#000;padding:6px 10px;border-radius:20px;color:#fff;border:none}.dark-mode{background-color:#000;transition:all cubic-bezier(.25,.46,.45,.94) .3s}.dark-mode h1{color:#fff}.dark-mode button{background-color:#fff;color:#000}.dateKey{display:flex;flex-direction:column}.dateKey small:nth-child(2){font-size:10px}@media (max-width:600px){.header h1{font-size:10vw}}