body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#f0f4f8;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:700px;padding:20px;text-align:center}h1{color:#2c3e50;font-size:2.2rem;margin-bottom:20px}.note-form{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.note-form input,.note-form textarea{border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;padding:12px;transition:border-color .3s ease}.note-form input:focus,.note-form textarea:focus{border-color:#3498db;box-shadow:0 0 5px #3498db4d}.note-form textarea{min-height:100px;resize:vertical}.note-form button{background:linear-gradient(45deg,#3498db,#5dade2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:transform .2s ease,background-color .3s ease}.note-form button:hover{background:linear-gradient(45deg,#2980b9,#4682b4);transform:translateY(-2px)}.notes-list{display:flex;flex-direction:column;gap:15px}.note{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:15px;transition:transform .2s ease}.note:hover{transform:translateX(5px)}.note h3{color:#2c3e50;font-size:1.2rem;margin:0 0 10px}.note p{color:#34495e;font-size:1rem;margin:0 0 10px}.note button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;margin:0 5px;padding:8px 12px;transition:transform .2s ease,background-color .3s ease}.note button:first-of-type{background:linear-gradient(45deg,#28a745,#34c759)}.note button:first-of-type:hover{background:linear-gradient(45deg,#1e7e34,#2ba84a)}.note button:last-of-type{background:linear-gradient(45deg,#e74c3c,#ff6b6b)}.note button:last-of-type:hover{background:linear-gradient(45deg,#c0392b,#e63939)}.edit-form{display:flex;flex-direction:column;gap:10px}.edit-form input,.edit-form textarea{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:12px}.edit-form input:focus,.edit-form textarea:focus{border-color:#3498db;box-shadow:0 0 5px #3498db4d}.edit-form textarea{min-height:100px;resize:vertical}@media (max-width:500px){.App{margin:20px;padding:15px}h1{font-size:1.8rem}.note-form input,.note-form textarea{font-size:.9rem}.note button{font-size:.8rem;padding:6px 10px}}
/*# sourceMappingURL=main.b97088b3.css.map*/