@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700;800&display=swap";:root{--bg-color: #6948C7;--main-color: #fcfcfc;--content-color: #000000;--sub-content-color: #222222;--sub-color: #FFEB81;--hover-color: #FFEB81;--shadow-color: hsla(226, 20%, 63%, .3);--accent-color: #4b2ea1;font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--content-color);background-color:var(--main-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}::selection{background:var(--shadow-color)}*{box-sizing:border-box}html{scroll-behavior:smooth}a{font-weight:500;color:var(--sub-color);text-decoration:inherit}a:hover{color:var(--hover-color)}html,body{width:100%;height:100%;margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--bg-color)}h1{font-size:3.2em;font-weight:bolder;margin:0}h2{text-align:center}h3{color:var(--accent-color);font-size:clamp(1.1rem,1.8vw,2rem)}main{width:100%;height:100%;display:flex;padding:1rem;align-items:center;flex-direction:column;justify-content:center;color:var(--main-color)}main>h1{text-align:center}main p{margin-bottom:3rem;text-align:center;font-size:1.2rem}main button{padding:.8rem 2rem;font-family:Poppins,sans-serif;font-size:1rem;font-weight:800;color:var(--content-color);border:1px solid var(--sub-color);border-radius:1rem;background-color:var(--sub-color)}main button:hover{color:var(--sub-color);background-color:var(--bg-color)}section{max-width:900px;margin:2rem auto;padding:2rem;text-align:center}section>h2{margin:.5em 0;font-size:clamp(1rem,6vw,2.4rem)}#presentation a{color:var(--accent-color)}.partners{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}.partners img{width:6rem;transition:.6s all;border-radius:1rem}.partners img:hover{translate:0 -.5rem}.partners img:active{translate:0 0}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid img{width:100%;filter:saturate(10%) hue-rotate(-30deg);transition:.6s all;border-radius:1rem}.grid img:hover{filter:none;translate:0 -.5rem}.grid img:active{translate:0 0}.project>p{color:var(--content-color);padding:0 1.5rem}.project>p a{color:var(--accent-color)}.workshop p{color:#444}.articles{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.article{display:block;padding:1.4rem;border-radius:1rem;border:1.5px solid var(--shadow-color);text-align:left;color:var(--content-color);text-decoration:none;transition:.3s all}.article:hover{border-color:var(--bg-color);translate:0 -.4rem;color:var(--content-color)}.article-source{display:block;font-size:.75rem;font-weight:700;color:var(--accent-color);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.article p{margin:0;font-size:.95rem;color:var(--sub-content-color);line-height:1.4}.stack-subtitle{color:var(--sub-content-color);font-size:.95rem;margin-bottom:1.5rem}.stack-categories{display:flex;flex-direction:column;gap:1rem;text-align:left;max-width:640px;margin:0 auto}.stack-category{display:flex;align-items:flex-start;gap:1rem}.stack-label{min-width:80px;font-size:.75rem;font-weight:700;color:var(--accent-color);text-transform:uppercase;letter-spacing:.07em;padding-top:.35rem;flex-shrink:0}.stack-pills{display:flex;flex-wrap:wrap;gap:.45rem}.pill{padding:.3rem .85rem;border-radius:2rem;background-color:var(--bg-color);color:var(--main-color);font-size:.85rem;font-weight:500}#endpoint{max-width:100%;padding-top:.5rem;padding-bottom:8rem;color:var(--main-color);font-size:.8rem;background-color:var(--sub-content-color);display:flex;justify-content:center}footer{width:100%;bottom:0;padding:1rem 1rem 2rem;display:flex;position:fixed;justify-content:center}footer>a{width:4rem;height:4rem;padding:1em;display:flex;transition:.5s all;align-items:center;border-radius:50%;justify-content:center;background-color:var(--bg-color)}@media (max-width: 600px){footer>a{width:3.4rem;height:3.4rem;padding:.8em}}footer>a:hover{margin-top:-.5rem}footer>a:hover path{fill:var(--hover-color)}footer>a:active{margin-top:0}footer>a:not(:last-child){margin-right:.8rem}@keyframes appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}main>div{opacity:0;animation:.5s appear ease-in-out forwards}main>h1{opacity:0;animation:.5s appear ease-in-out forwards .2s}main>h2{opacity:0;animation:.5s appear ease-in-out forwards .4s}main>p{opacity:0;animation:.5s appear ease-in-out forwards .5s}main>a{opacity:0;animation:.5s appear ease-in-out forwards .6s}footer>*{opacity:0;animation:.5s appear ease-in-out forwards calc(var(--footer-index, 0) * .1s + .8s)}
