.main.svelte-8qyg0z{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:40px 0;flex-direction:column}.main-container.svelte-8qyg0z{width:80%;max-width:12000px;margin:20px auto}h1.svelte-8qyg0z{font-size:4rem;text-align:center;margin-bottom:40px;color:#e0e0e0}.date.svelte-8qyg0z{margin:-20px 0 0;font-size:.9rem}.tags.svelte-8qyg0z{display:flex;gap:7px;flex-wrap:wrap;width:100%}.tag.svelte-8qyg0z{background-color:transparent;border:1px solid #632fdd;color:#a9a9d4;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:20px;cursor:default;transition:all .2s ease-in-out}.tag.svelte-8qyg0z:hover{background-color:#632fdd;color:#fff}.articles.svelte-8qyg0z{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.container_article.svelte-8qyg0z{border:1px solid #632fdd;border-radius:10px;padding:25px;background-color:#1a1a2e;color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:15px;transition:all .3s ease}.container_article.svelte-8qyg0z:hover{border-color:#fff;transform:translateY(-5px);box-shadow:0 8px 16px #0000004d}.container_article.svelte-8qyg0z h3:where(.svelte-8qyg0z){font-size:1.5rem;margin:0}.container_article.svelte-8qyg0z .description-content:where(.svelte-8qyg0z){font-size:1rem;color:#b0b0b0;flex-grow:1}.container_article.svelte-8qyg0z .button:where(.svelte-8qyg0z){background-color:#632fdd;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;align-self:flex-start}.container_article.svelte-8qyg0z .button:where(.svelte-8qyg0z):hover{background-color:#7b4fe3}