.project-header.svelte-9umj5n{padding-top:6rem}.project-typer-h1.svelte-9umj5n{animation:svelte-9umj5n-typing-project-mobile-h1 .6s steps(9) forwards}@keyframes svelte-9umj5n-typing-project-mobile-h1{0%{width:0}to{width:53vw}}@keyframes svelte-9umj5n-typing-project-mobile-h2{0%{width:0;visibility:visible}to{width:100%;visibility:visible}}main.svelte-jfvkwq{--x: 0px;--y: 0px;scroll-behavior:smooth;width:100%}.project-articles.svelte-jfvkwq{display:grid;grid-template-columns:repeat(2,1fr);row-gap:20vw;place-items:center;padding-top:20rem}@media(min-width:700px){.project-articles.svelte-jfvkwq{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,auto);row-gap:10vw}}@media(min-width:1024px){.project-articles.svelte-jfvkwq{grid-template-columns:repeat(8,1fr)}}.project-article.svelte-jfvkwq{position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content;cursor:pointer}.animation-wrapper.svelte-jfvkwq{display:flex;align-items:center;justify-content:center;border-radius:100%;border:2vw solid var(--primary-color);outline:1vw solid var(--secondary-color);animation:svelte-jfvkwq-dropper linear both;animation-timeline:view();animation-range:entry 10% entry 80%}@keyframes svelte-jfvkwq-dropper{0%{transform:translateY(600px)}80%{transform:translateY(400)}to{transform:translateY(0)}}.content.svelte-jfvkwq{pointer-events:none;background:var(--primary-color);border-radius:1rem;border:solid .25rem var(--secondary-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;z-index:10;padding:.5rem 1rem;width:auto}h3.svelte-jfvkwq{opacity:1;white-space:nowrap}@media(hover:hover)and (pointer:fine){.content.svelte-jfvkwq{overflow:hidden;position:fixed;left:var(--x);top:var(--y);opacity:0;transform:translate(1rem,-40%);transition:width 1s ease-in-out;transition-delay:.02s;width:0}.project-article.svelte-jfvkwq:hover .content:where(.svelte-jfvkwq){opacity:1;width:100%;max-width:fit-content}h3.svelte-jfvkwq{opacity:0;transition-delay:.2s}.project-article.svelte-jfvkwq:hover .content:where(.svelte-jfvkwq) h3:where(.svelte-jfvkwq){opacity:1}}.project-article.svelte-jfvkwq:nth-of-type(1){grid-column:1 / -1}@media(min-width:700px){.project-article.svelte-jfvkwq:nth-of-type(1){grid-column:1 / 4;grid-row:1 / 2}}@media(min-width:1024px){.project-article.svelte-jfvkwq:nth-of-type(1){grid-column:1 / 5}}.project-article.svelte-jfvkwq:nth-of-type(2){grid-column:1 / -1}@media(min-width:700px){.project-article.svelte-jfvkwq:nth-of-type(2){grid-column:4 / 7;grid-row:2 / 3}}@media(min-width:1024px){.project-article.svelte-jfvkwq:nth-of-type(2){grid-column:5 / 9}}.project-article.svelte-jfvkwq:nth-of-type(3){grid-column:1 / -1}@media(min-width:700px){.project-article.svelte-jfvkwq:nth-of-type(3){grid-column:1 / 4;grid-row:3 / 4}}@media(min-width:1024px){.project-article.svelte-jfvkwq:nth-of-type(3){grid-column:3 / 6}}.project-article.svelte-jfvkwq:nth-of-type(4){grid-column:1 / -1}@media(min-width:700px){.project-article.svelte-jfvkwq:nth-of-type(4){grid-column:4 / 7;grid-row:4 / 5}}@media(min-width:1024px){.project-article.svelte-jfvkwq:nth-of-type(4){grid-column:4 / 7}}.project-image.svelte-jfvkwq,a.svelte-jfvkwq{display:block;width:60vw;height:60vw;object-fit:cover;object-position:top;border-radius:50%}@media(min-width:700px){.project-image.svelte-jfvkwq,a.svelte-jfvkwq{width:40vw;height:40vw}}@media(min-width:1024px){.project-image.svelte-jfvkwq,a.svelte-jfvkwq{width:30vw;height:30vw}}.scroll-down.svelte-11hhvmz{display:flex;align-items:center;justify-content:center;margin-top:10rem}a.svelte-11hhvmz{position:relative;display:flex;flex-direction:column;align-items:center;width:6rem;height:10rem;opacity:0;animation:svelte-11hhvmz-fade-in .4s ease forwards;animation-delay:1s}img.svelte-11hhvmz{animation:svelte-11hhvmz-moving 1.4s ease-in-out infinite;position:absolute;opacity:0}#small-scroll.svelte-11hhvmz{animation-delay:.1s;width:4rem;top:0}#medium-scroll.svelte-11hhvmz{animation-delay:.2s;width:5rem;top:1rem}#big-scroll.svelte-11hhvmz{animation-delay:.3s;width:6rem;top:2rem}@keyframes svelte-11hhvmz-moving{0%{opacity:0;transform:translateY(-.4rem)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.4rem)}}@keyframes svelte-11hhvmz-fade-in{0%{opacity:0}to{opacity:1}}main.svelte-rqn88j{padding-inline:1rem}
