body{margin:20px;background-color:#e0ffff}.app-container{grid-template-columns:1fr}@media (min-width: 600px){.app-container{display:grid;grid-template-columns:200px 1fr;gap:20px}}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:minmax(250px,auto);gap:20px}.note-item{display:flex;flex-direction:columns;border:1px solid #ccc;padding:10px;border-radius:5px;background-color:#f9f9f9;box-shadow:0 0 10px #0000001a;cursor:pointer}.notes-header{display:flex;justify-content:flex-end}.notes-header button{font-size:16px;background:transparent;border:none;cursor:pointer;max-width:fit-content}h2{margin:0}.note-form{display:flex;flex-direction:column;gap:20px}textarea,input{border-radius:5px;border:1px solid black;padding:10px;font-size:16px}.note-form button{border-radius:5px;background-color:#409ab8;border:none;padding:10px;font-size:16px;color:#fff}