*{margin:0;padding:0}.center-container{display:flex;justify-content:start;align-items:start;height:100vh;background:#f5f5f5}.note-form{width:450px;margin:20px 8px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:12px}.note-form input,.note-form textarea{padding:12px;font-size:15px;border-radius:8px;border:1px solid #cfd3d8;outline:none;transition:.25s}.note-form textarea{min-height:80px;resize:vertical}.note-form input:focus,.note-form textarea:focus{border-color:#1677ff;box-shadow:0 0 3px #1677ff66}.note-form button{background:#1677ff;color:#fff;padding:12px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:.25s}.note-form button:hover{background:#0d5dd8;transform:translateY(-1px)}