html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', sans-serif;
    background-color: #f3f4f6;
    color: #333;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}
article.svelte-7ey1y8.svelte-7ey1y8{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:1rem;margin:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);width:100%;max-width:300px;text-align:center;transition:transform 0.3s}article.svelte-7ey1y8 img.svelte-7ey1y8{width:200px;height:200px;margin-bottom:1rem;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);transition:transform 0.3s}article.svelte-7ey1y8 h3.svelte-7ey1y8{font-size:1.5rem;margin:0.5rem 0}article.svelte-7ey1y8 p.svelte-7ey1y8{font-size:1rem;margin:0.5rem 0}article.svelte-7ey1y8 span.svelte-7ey1y8{font-size:0.9rem;color:#555}
.svelte-180752f{box-sizing:border-box;margin:0;padding:0}section.svelte-180752f{min-height:100vh;padding:0;margin:0;background-color:#202020;display:flex;flex-direction:column;align-items:center}input.svelte-180752f{padding:0.5rem;border:1px solid #ccc;border-radius:4px;width:100%;max-width:400px;font-size:1rem;transition:border-color 0.3s}input.svelte-180752f:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px rgba(0, 123, 255, 0.5)}