*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.container{flex-direction:column;align-items:center;height:100vh;display:flex}h1{margin:20px 0}.input{flex-wrap:wrap;align-items:center;margin-bottom:20px;display:flex}.add-note-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;padding:5px 10px;font-size:16px}.add-note-btn:disabled{cursor:not-allowed;background-color:#ccc}.add-note-btn:not(:disabled):hover{background-color:#0056b3}.delete-btn{color:#fff;cursor:pointer;background-color:#dc4050;border:none;border-radius:5px;padding:5px 10px;font-size:16px}.delete-btn:hover{background-color:#a71d2a}.edit-btn{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:5px;padding:5px 10px;font-size:16px}.edit-btn:hover{background-color:#1e7e34}.input-box{margin-top:20px}.input-box textarea{border:1px solid #ccc;border-radius:7px;padding:10px;font-size:16px}.notes-list{flex-direction:column;gap:20px;width:60vw;margin-top:10px;display:flex}.timestamp{color:#888;font-size:12px}.note{margin:10px 0;padding:10px}