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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f5f5f5;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(14px,2vw,18px);line-height:1.6;margin:0}.App{margin:2rem auto;max-width:min(90%,600px);padding:0 1rem}.App h1{color:#2d3748;font-size:clamp(24px,4vw,32px);margin-bottom:2rem}.App h1:before{content:"💭";filter:drop-shadow(2px 2px 2px rgba(0,0,0,.1));margin-right:.5em}.AddThoughtForm{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.AddThoughtForm input{border:2px solid #e2e8f0;border-radius:8px;padding:1rem;transition:all .2s ease}.AddThoughtForm input[type=text]{box-shadow:0 2px 4px #0000000d;flex:1 1 250px}.AddThoughtForm input[type=text]:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}.AddThoughtForm input[type=submit]{background-color:#4299e1;border:none;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem}.AddThoughtForm input[type=submit]:hover{background-color:#3182ce;transform:translateY(-1px)}.thoughts{grid-gap:1rem;display:grid;gap:1rem;list-style-type:none;padding:0}.Thought{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1.5rem;position:relative;transition:transform .2s ease}.Thought:hover{box-shadow:0 6px 8px #00000014;transform:translateY(-2px)}.Thought .remove-button{background:#0000;border:none;border-radius:6px;color:#a0aec0;font-size:1.2rem;padding:.3rem .6rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.Thought .remove-button:hover{background-color:#fff5f5;color:#e53e3e}@media (max-width:480px){.AddThoughtForm{flex-direction:column}.AddThoughtForm input[type=submit]{width:100%}}
/*# sourceMappingURL=main.43881021.css.map*/