*{box-sizing:border-box;margin:0;padding:0}html{font-family:Montserrat,sans-serif}body{background:#fffde7;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:0 16px}header{background-color:#f5ba13;box-shadow:0 2px 5px #0000004d;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}header h1{align-items:center;color:#fff;display:flex;font-family:McLaren,cursive;font-size:1.8rem;font-weight:300;gap:8px}footer{margin-top:auto;padding:12px 0;text-align:center}footer p{color:#888;font-size:.9rem}.notes-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:20px 0}.note{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000026;padding:16px;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out}.note:hover{box-shadow:0 4px 12px #0003;transform:translateY(-3px)}.note h1{font-size:1.2em;font-weight:600;margin-bottom:6px}.note p{word-wrap:break-word;color:#444;font-size:1em;margin-bottom:12px;white-space:pre-wrap}.note button{background:#0000;border:none;color:#f5ba13;cursor:pointer;float:right;height:36px;transition:transform .2s;width:36px}.note button:hover{color:#e09c0e;transform:scale(1.2)}form.create-note{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000026;margin:30px auto 20px;max-width:480px;padding:20px;position:relative}form.create-note input,form.create-note textarea{background:#fdfdfd;border:none;border-radius:5px;font-family:inherit;font-size:1.1em;outline:none;padding:8px;resize:none;width:100%}form.create-note input:focus,form.create-note textarea:focus{background:#fffde7}form.create-note button{background:#f5ba13;border:none;border-radius:50%;bottom:-20px;box-shadow:0 3px 6px #00000040;color:#fff;cursor:pointer;height:44px;position:absolute;right:16px;transition:transform .2s,background .2s;width:44px}form.create-note button:hover{background:#e09c0e;transform:scale(1.1)}
/*# sourceMappingURL=main.0c677acc.css.map*/