html{scroll-behavior:smooth}body{background:#000;margin:0;padding:0 0 20px;font-family:Arial,Helvetica,sans-serif;position:relative}.wrapper{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0 16px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#444;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#444}a.svelte-1ptyw5{color:#fff;cursor:pointer;text-decoration:none;position:relative}a.svelte-1ptyw5:after{content:"";background:#fff;width:0%;height:2px;transition:width .15s;position:absolute;bottom:-2px;left:0}a.svelte-1ptyw5:hover:after,a.active.svelte-1ptyw5:after{width:100%}header.svelte-5147na{z-index:100;box-sizing:border-box;background:#000;justify-content:space-around;align-items:center;width:100%;height:72px;margin:0 auto;padding:12px 22px;font-size:18px;animation:.4s ease-out forwards svelte-5147na-headerAppear;display:flex;position:sticky;top:0}header.svelte-5147na:after{content:"";background:#181a20;width:100%;height:1px;position:absolute;bottom:0;left:0}@keyframes svelte-5147na-headerAppear{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}a.svelte-jg2g2j{background-color:#141414;border-radius:7px;justify-content:center;align-items:center;gap:0;padding:10px 13px;text-decoration:none;transition:gap .5s;display:inline-flex}a.svelte-jg2g2j:hover{gap:8px}a.svelte-jg2g2j span:where(.svelte-jg2g2j){color:#fff;white-space:nowrap;max-width:0;transition:max-width .5s;overflow:hidden}a.svelte-jg2g2j:hover span:where(.svelte-jg2g2j){max-width:100px}.scroll-wrapper.svelte-1cjrgpw{width:100%;position:relative;overflow:hidden}.scroll-track.svelte-1cjrgpw{will-change:transform;gap:20px;width:max-content;animation:25s linear infinite svelte-1cjrgpw-scroll;display:flex}.scroll-item.svelte-1cjrgpw{color:#fff;cursor:pointer;background:#141414;border-radius:12px;justify-content:start;align-items:center;gap:14px;min-width:200px;padding:20px;display:flex}.scroll-item.svelte-1cjrgpw img:where(.svelte-1cjrgpw){width:35px}@keyframes svelte-1cjrgpw-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.scroll-wrapper.svelte-1cjrgpw:hover .scroll-track:where(.svelte-1cjrgpw){animation-play-state:paused}.project-a.svelte-trmj02{color:inherit;text-decoration:none}.project-container.svelte-trmj02{cursor:pointer;background-color:#080808;border-radius:10px;width:100%;max-width:500px;transition:transform .3s;overflow:hidden}.project-container.svelte-trmj02:hover{transform:translate(10px,-10px)}.project-image.svelte-trmj02{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;display:block}.project-header-1.svelte-trmj02{justify-content:space-between;align-items:center;display:flex}.project-details.svelte-trmj02{border:1px solid #111;border-top:none;padding:10px}.project-header-1.svelte-trmj02 h2:where(.svelte-trmj02){margin:0}.project-header.svelte-trmj02:after{content:"";background-color:#111;width:100%;height:2px;margin-top:5px;display:block}.project-header.svelte-trmj02{margin-bottom:25px}.project-description.svelte-trmj02{color:#8f908f}.content.svelte-1xgza9q{color:#fff}.introduction-1.svelte-1xgza9q{opacity:0;animation:.6s ease-out .6s forwards svelte-1xgza9q-introductionAppear}.introduction-1.svelte-1xgza9q span:where(.svelte-1xgza9q){display:block}.hello-message.svelte-1xgza9q{color:#367ca5;margin:0;font-size:40px}.my-nickname.svelte-1xgza9q{color:#fff;margin:0;font-size:100px}.introduction-2.svelte-1xgza9q{color:#8f9094;opacity:0;margin:30px 0 0;font-size:40px;animation:.6s ease-out .8s forwards svelte-1xgza9q-introductionAppear}.white.svelte-1xgza9q{color:#fff;margin-right:5px}.introduction-3.svelte-1xgza9q{opacity:0;margin-top:50px;animation:.6s ease-out 1s forwards svelte-1xgza9q-introductionAppear}.introduction-3.svelte-1xgza9q span:where(.svelte-1xgza9q){color:#8f9094;font-size:25px;display:block}.react-logo.svelte-1xgza9q{width:25px;margin-left:5px;margin-right:10px}.contacts.svelte-1xgza9q{opacity:0;margin-top:50px;animation:.6s ease-out 1.2s forwards svelte-1xgza9q-introductionAppear}.about-me.svelte-1xgza9q,.what-do-i-use.svelte-1xgza9q,.projects-intro.svelte-1xgza9q{opacity:0;transform:translateY(20px)}.about-me.show.svelte-1xgza9q{animation:.6s ease-out 1.5s forwards svelte-1xgza9q-downAppear}.what-do-i-use.show.svelte-1xgza9q,.projects-intro.show.svelte-1xgza9q{animation:.6s ease-out forwards svelte-1xgza9q-downAppear}.about-me.svelte-1xgza9q{justify-content:space-between;align-items:center;gap:40px;width:100%;margin:120px 0 0;display:flex}.about-me.svelte-1xgza9q div:where(.svelte-1xgza9q){flex:0 0 50%}.about-me.svelte-1xgza9q img:where(.svelte-1xgza9q){aspect-ratio:1;object-fit:cover;border-radius:50%;flex:0 0 50%;width:100%;max-width:350px}.about-me.svelte-1xgza9q div:where(.svelte-1xgza9q) p:where(.svelte-1xgza9q){color:#8f9094;font-size:17px}.what-do-i-use.svelte-1xgza9q{margin-top:120px}.what-do-i-use.svelte-1xgza9q h2:where(.svelte-1xgza9q){margin-bottom:50px}#projects.svelte-1xgza9q{grid-template-columns:1fr 1fr;justify-content:center;align-items:start;column-gap:100px;width:100%;margin-top:120px;display:grid}.projects-intro.svelte-1xgza9q span:where(.svelte-1xgza9q){color:#8f9094;font-size:18px}.boring-stuff.svelte-1xgza9q{flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-top:200px;display:flex}.boring-stuff.svelte-1xgza9q p:where(.svelte-1xgza9q) span:where(.svelte-1xgza9q){color:#367ca5}.boring-stuff.svelte-1xgza9q p:where(.svelte-1xgza9q){color:#ebebeb;margin:0;padding:0;font-size:15px}section.svelte-1xgza9q{scroll-margin-top:100px}@keyframes svelte-1xgza9q-introductionAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1xgza9q-downAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.about-me.svelte-1xgza9q{flex-direction:column;justify-content:center}.about-me.svelte-1xgza9q div:where(.svelte-1xgza9q){width:100%}.about-me.svelte-1xgza9q img:where(.svelte-1xgza9q){width:250px;height:250px;margin-top:20px}#projects.svelte-1xgza9q{grid-template-columns:1fr;row-gap:50px}}