header{justify-content:space-between;align-items:center;padding:10px 4rem;font-family:Geist Mono,monospace;display:flex}.menu-icon{display:none}.name{margin-left:30px;font-family:Michroma,sans-serif}.header-links-container{gap:1rem;font-family:Geist Mono,monospace;list-style:none;display:flex}.openToWork-tag.mobile{display:none}.openToWork-tag{background-color:#27ae6012;border:2px solid #ffffff10;border-radius:28px;justify-content:center;align-items:center;width:169px;height:41px;display:inline-flex;position:relative}.openToWork-tag span{background-color:#27ae60;border-radius:50%;width:10px;height:10px;margin-right:10px}.openToWork-tag:after{content:"";offset-path:rect(0% 100% 100% 0% round 28px);offset-distance:0%;offset-rotate:auto;background:linear-gradient(90deg,#0000,#27ae60,#0000);border-radius:2px;width:22px;height:2px;animation:4s linear infinite rollBorder;position:absolute}@keyframes rollBorder{to{offset-distance:100%}}.hero-section{padding-top:0;position:relative;overflow:hidden}.hero-section:before{content:"";filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(circle,#ffa60042 0%,#ffa60036 30% 30%,#ffa60000 70%);width:600px;height:800px;position:absolute;top:50%;left:-10%;transform:translateY(-50%)}.hero-section:after{content:"";filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(circle,#beaaff59 0%,#beaaff53 30% 30%,#beaaff00 70%);width:500px;height:400px;position:absolute;top:30%;right:-5%;transform:translateY(-50%)}.hero-image{width:401px;height:468.34px;margin:auto;display:block}.hero-section h2{letter-spacing:-2px;text-align:center;width:673px;margin:-40px auto auto;font-family:Michroma,sans-serif;font-size:42px;line-height:120%}.hero-section p{letter-spacing:-.2px;opacity:.7;text-align:center;width:673px;margin:20px auto auto;font-family:Geist Mono,monospace;font-size:16px;line-height:20px}.button-container{gap:20px;width:378px;margin:30px auto auto;display:flex}.btn{cursor:pointer;z-index:1;background-color:#826bf6;border:none;width:185px;padding:16px 20px;font-family:Geist Mono,monospace;transform:skew(-10deg)}.btn:nth-child(2){background-color:#3e3f46}.btn span{display:inline-block;transform:skew(10deg)}.btn:after{content:"";z-index:-1;background:0 0;border:1px solid #826bf6;position:absolute;inset:0;transform:translate(6px,6px)}.btn:nth-child(2):after{border:1px solid #3e3f46}.about-content-container{align-items:center;gap:32px;margin:auto;display:flex;position:relative}.about-content{width:532px}.about-me h2{margin-bottom:40px}.about-me p{letter-spacing:-.2px;opacity:.7;margin-bottom:10px;font-family:Geist Mono,monospace;font-size:16px;line-height:20px}.about-container .button-container{margin:40px 0 0}.button-container a{text-align:center;padding:12px 20px}.about-image-container{z-index:1;background-color:#37334a;width:302px;height:302px;position:relative;transform:skew(-10deg)}.about-image-container:after{content:" ";z-index:-1;background:0 0;border-top:1px solid #907cfa;border-right:1px solid #907cfa;position:absolute;inset:0;transform:translate(6px,-6px)}.about-image{width:288.47px;height:267px;position:absolute;bottom:0;transform:skew(10deg)}.shape1{z-index:2;position:absolute;top:66%;right:-1.5%}.decorative-shape{animation:40s linear infinite spin}.skills-section{position:relative;overflow:hidden}.skills-bg{z-index:0;pointer-events:none;justify-content:flex-start;align-items:center;margin-top:20px;display:flex;position:absolute;inset:0;overflow:hidden}.skills-track{will-change:transform;width:max-content;animation:40s linear infinite scroll;display:flex}.skill-icon{flex-shrink:0;width:80px;margin-right:4rem}@keyframes scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.skills-cards{z-index:1;justify-content:space-between;gap:20px;margin-top:30px;display:flex;position:relative}.shape2{position:absolute;bottom:30%;left:45%;transform:translate(-50%,50%)skew(-30deg)}.skills-card{background-color:#2b2942e2;border:1px solid #ffffff40;width:485px;padding:15px;transform:skew(-10deg)}.skill-card-header,.feature-enhancement-header{letter-spacing:0;text-align:center;z-index:1;background-color:#ffffff3d;width:fit-content;margin-bottom:20px;padding:12px 20px;font-family:Geist Mono,monospace;font-size:16px;line-height:120%;position:relative}.skill-card-header:before,.feature-enhancement-header:before{content:"";z-index:-1;background:0 0;border-bottom:1px solid #ffffff3d;border-right:1px solid #ffffff3d;position:absolute;inset:0;transform:translate(6px,6px)}.skill-card-header span,.feature-enhancement-header span{display:inline-block;transform:skew(10deg)}.skills-card ul{margin-left:15px;transform:skew(10deg)}.skills-card li,.features-enhancement-wrapper li{letter-spacing:0;opacity:.9;align-items:baseline;font-family:Geist Mono,monospace;font-size:16px;line-height:160%;list-style:none;display:flex}li span{background-color:#c6c6c681;border-radius:50%;width:10px;height:10px;margin-right:10px;display:inline-block}#projects{overflow:hidden}.header-section{justify-content:space-between;display:flex}.projects-title{width:max-content}.header-section p{letter-spacing:-.2px;opacity:.7;width:50%;font-family:Geist Mono,monospace;font-size:14px;line-height:20px}.projects-grid{grid-template-columns:repeat(3,minmax(100px,289px));place-content:center space-between;align-items:center;gap:1.5rem;margin-top:40px;display:grid}.project-image-container{padding:10px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.project-image-bg{z-index:-2;transform-origin:50%;will-change:transform;width:100%;height:100%;animation:20s linear infinite spin;position:absolute;top:0;left:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overlay{z-index:-1;background-color:#2b2942c6;position:absolute;inset:0}.project-image{width:100%;height:161px;margin:45px auto auto;display:block}.project-title{text-align:center;letter-spacing:0;background-color:#ffffff3d;border:1px solid #ffffff3d;width:100%;margin-top:45px;padding:10px 20px;font-family:Geist Mono,sans-serif;font-size:16px;font-weight:400;line-height:120%;transition:color .3s}.services-section{padding:3rem 0 0;position:relative}#services-container{width:100%}.services-bg{z-index:-1;position:absolute;inset:50% 0 0;overflow:hidden}.service-track{will-change:transform;gap:30px;width:max-content;animation:25s linear infinite scroll;display:flex}.service-bg-item-container{align-items:center;width:max-content;display:flex}.service-bg-text{letter-spacing:-2px;font-family:Michroma,sans-serif;font-size:32px;line-height:120%}.service-bg-icon{width:49px;height:61px;margin-left:20px}.sticky-wrapper{height:100vh;padding-top:40px;position:sticky;top:0}.services-header{width:897px;margin:auto}.services-title{letter-spacing:-.36px;z-index:1;background-color:#3e3f46;justify-content:center;align-items:center;width:186px;height:56px;font-family:Geist Mono,sans-serif;font-size:16px;font-weight:600;line-height:26px;display:flex;transform:skew(-10deg)}.services-title:after{content:"";z-index:-1;background-color:#0000;border-bottom:1px solid #3e3f46;border-right:1px solid #3e3f46;position:absolute;inset:0;transform:translate(6px,6px)}.services-title span{transform:skew(10deg)}.services-description{letter-spacing:-2px;border-bottom:1px solid #3e3f46;padding:16px 0;font-family:Michroma,sans-serif;font-size:32px;font-weight:400;line-height:120%}.service-card-wrapper{justify-content:center;align-items:center;height:auto;margin:60px auto auto;display:flex}.service-card{color:#fff;background:#2b2942e2;border:1px solid #3e3f46;justify-self:center;width:min(500px,90%);margin:auto;padding:1rem;position:relative}.service-icon{letter-spacing:-.36px;z-index:1;background-color:#3e3f46;justify-content:center;align-items:center;width:65px;height:37px;margin-bottom:20px;font-family:Geist Mono,sans-serif;font-size:16px;font-weight:500;line-height:26px;display:flex;transform:skew(-10deg)}.service-icon:after{content:"";z-index:-1;background-color:#0000;border-bottom:1px solid #3e3f46;border-right:1px solid #3e3f46;position:absolute;inset:0;transform:translate(4px,4px)}.service-card li{letter-spacing:0;align-items:baseline;font-family:Geist Mono,monospace;font-size:16px;list-style:none;display:inline-flex}.service-card-title{text-align:center;letter-spacing:0;background-color:#3e3f46;border:1px solid #ffffff3d;margin-top:30px;padding:10px 20px;font-family:Geist Mono,sans-serif;font-size:16px;font-weight:400;line-height:120%}#contacts{padding-top:0}.contact-text{letter-spacing:-2px;text-align:center;width:666px;margin:auto;font-family:Michroma,sans-serif;font-size:42px;font-weight:400;line-height:120%}body{z-index:1;position:relative}body:before{content:"";filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#fff6 0%,#ffffff40 35%,#ffffff1a 55%,#0000 70%),linear-gradient(90deg,#ffa6005f 0%,#ffa60045 48%,#beaaff4d 52%,#beaaff3f 100%);border-radius:300px 300px 0 0;width:600px;height:310px;position:absolute;bottom:1%;left:50%;transform:translate(-50%)}.footer-container{padding:2rem 4rem}.item1{justify-content:space-between;align-items:center;gap:21px;font-family:Geist Mono,monospace;display:flex}.item1 p{letter-spacing:0;border-bottom:1px solid #ffffff3d;width:452px;padding-bottom:10px;font-family:Geist Mono,monospace;font-size:16px;line-height:120%}.item1 p:last-child{text-align:end}.socials{justify-content:space-between;gap:15px;display:flex}.socials a{z-index:9;background-color:#54565e;border:1px solid #717279;justify-content:center;align-items:center;width:65px;height:37px;display:flex;position:relative;transform:skew(-10deg)}.socials a:after{content:"";z-index:0;background-color:#0000;border-bottom:1px solid #717279;border-right:1px solid #717279;position:absolute;inset:0;transform:translate(4px,4px)}.socials img,.socials svg{transform:skew(10deg)}.item2{text-align:center;margin-top:20px}.item2 p:first-child{letter-spacing:0;color:#fff;opacity:.7;font-family:Geist Mono,monospace;font-size:16px;line-height:120%}.item2 p:last-child{letter-spacing:-2.23px;-webkit-text-stroke:2px #5b5c65;color:#0000;width:100%;font-family:Michroma,sans-serif;font-size:clamp(100px,13vw,165px);line-height:223px}#project-details .project-card{background-color:none;justify-content:space-between;align-items:center;display:flex}.project-details-container .project-image-container{flex-direction:column;flex-basis:40%;display:flex}.project-details-container .project-image-wrapper{width:95%;height:auto;margin:20px auto 10px}.project-details-container .project-image{object-fit:contain;width:100%;height:100%;margin:0;display:block}.project-details-container .project-image-container .project-title{order:-1}.project-details-container .project-title{margin:20px auto}.project-details-content{flex-basis:55%;order:-1}.project-description{letter-spacing:-.2px;color:#fff;opacity:.7;font-family:Geist Mono,monospace;font-size:16px;line-height:22px}.project-details-content h3{margin:20px auto 10px;font-family:Michroma,sans-serif}.project-stack,.project-links{flex-wrap:wrap;gap:15px;display:flex}.project-stack-item{z-index:1;letter-spacing:0;background-color:#3e3f46;padding:10px 20px;font-family:Geist Mono,monospace;font-size:16px;line-height:120%;transform:skew(-10deg)}.project-stack-item:after{content:"";z-index:-1;background:0 0;border:1px solid #3e3f46;position:absolute;inset:0;transform:translate(-4px,4px)}.project-stack-item span{display:inline-block;transform:skew(10deg)}.project-links{justify-content:start;gap:20px;margin-top:50px}.project-links a{cursor:pointer;text-align:center;padding:11px 20px}.project-links a span{display:inline-block;transform:skew(10deg)}.project-features-section{padding:0}.features-enhancement-wrapper{margin:80px auto!important}.features-container,.enhancement-container{justify-content:space-between;align-items:center;gap:15px;display:flex}.feature-enhancement-header{transform:skew(-10deg)}.enhancement-container{margin-top:90px}.features-container .aside-image-container{order:-1}.aside-image-container{flex-basis:40%;height:250px}.aside-image{width:100%;height:100%}.features,.enhancement{background-color:#2b2942e2;border:1px solid #ffffff40;flex-basis:55%;padding:15px}.project-images-section{padding:0}.project-screenshots-container{flex-wrap:wrap;gap:15px;display:flex}.screenshot-wrapper{height:270px}.screenshot-wrapper:first-of-type,.screenshot-wrapper:nth-of-type(4){flex:50%}.screenshot-wrapper:nth-of-type(2),.screenshot-wrapper:nth-of-type(3){flex:40%}.project-screenshot{width:100%;height:100%}.other-projects-wrapper{width:100%;overflow:hidden;margin-top:30px!important}.other-projects-wrapper h2{text-shadow:0 3px #3e3f46}.other-project-container{will-change:transform;gap:15px;width:max-content;margin-top:20px;padding:20px 0;display:flex}.other-projects-wrapper .header{justify-content:space-between;align-items:center;display:flex}.other-project-container .project-image-container{flex-direction:column;width:285px;display:flex}.other-project-container .project-image{width:95%;height:auto;margin-top:5px}.other-project-container .project-image-container .project-title{order:-1}.other-project-container .project-title{margin:5px auto;font-size:12px}.nav-buttons{gap:10px;display:flex}.nav-buttons button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:6px;padding:6px 12px}.nav-buttons button:disabled{opacity:.4;cursor:not-allowed}.nav-buttons button:not(:disabled):hover{background:#ffffff20;border-color:#fff}.goBack-btn{margin:30px auto;display:block}@media (hover:hover){.openToWork-tag:hover:after{animation-play-state:paused}.btn:hover{transform:skew(-10deg)translate(3px,3px)}.btn:hover:after{transform:translate(3px,3px)}.projects-grid .project-image-container:hover .project-image{transform:scale(1.03)}.projects-grid .project-image-container:hover .project-image-bg,.other-project-container:hover{animation-play-state:paused}.other-project-container .project-image-container:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 12px 30px #ff000040}.socials a:hover{transform:skew(-10deg)translate(2px,2px)}.socials a:hover:after{transform:translate(2px,2px)}.project-links a:hover{transform:skew(-10deg)translate(3px,3px)}.project-links a:hover:after{transform:translate(3px,3px)}}@media screen and (max-width:1050px){.name{margin-left:0}.other-project-container .project-image-container{width:250px}.nav-links{display:none}.about-content{width:60%}.about-image-container{width:35%}.about-image{width:100%}.services-header{width:85%;margin:auto}.item1 p{font-size:12.5px}.item2 p:last-child{font-size:clamp(50px,12.3vw,160px);line-height:223px}.aside-image-container{flex-basis:40%}.features,.enhancement{flex-basis:60%}.screenshot-wrapper{height:230px}}@media screen and (max-width:830px){.hero-section h2{width:80%;font-size:clamp(20px,5vw,42px)}.hero-section p{width:75%;font-size:clamp(16px,5vw,18px)}.about-content-container{flex-direction:column}.about-image-container{order:-1;margin-top:10px;margin-bottom:20px}.about-content{width:100%}.shape1{z-index:2;position:absolute;top:33%;right:25%}.skills-cards{flex-direction:column;align-items:center;gap:50px}.shape2{bottom:43%;left:40%}.header-section{flex-direction:column}.header-section p{width:60%;margin-top:30px}.projects-grid{grid-template-columns:repeat(1,minmax(100px,289px));justify-content:space-evenly}.project-image,.project-title{margin-top:20px}.contact-text{width:95%;font-size:clamp(20px,5vw,42px)}.contact-info-container{width:90%}.contact-info{font-size:18px}#project-details .project-card{flex-direction:column}.project-details-content{order:1;width:100%}.project-details-container .project-image-container{width:100%;margin-top:40px}.features-enhancement-wrapper{border-top:1px solid #ffffff45;padding-top:40px;margin-top:45px!important;margin-bottom:0!important}.features-container,.enhancement-container{flex-direction:column;width:100%}.enhancement-container{border-top:1px solid #ffffff45;border-bottom:1px solid #ffffff45;margin:45px 0;padding:45px 0}.features-container .aside-image-container{order:1}.enhancement-container .aside-image-container{order:-1}.features,.enhancement{width:100%}.project-screenshots-container{flex-direction:column;margin-top:0}.other-project-container .project-image-container{width:220px}.other-project-container{animation-duration:60s}.other-project-container .project-title{font-size:10px}.footer-container{padding:2rem 3.5rem}.item1{position:relative}.socials{justify-content:center;position:absolute;left:0;right:0}.item1 p{margin-top:110px;font-size:14px}.item2 p:last-child{font-size:clamp(20px,11vw,100px);line-height:123px}}@media screen and (max-width:620px){.openToWork-tag{display:none}.openToWork-tag.mobile{justify-self:center;width:169px;display:flex}.other-project-container .project-image-container{width:150px}header{justify-content:center;padding:10px 2rem}.hero-section h2{letter-spacing:-1px}.hero-section p{font-size:14px}.hero-section .button-container,.contacts-container .button-container{justify-content:center}.button-container{width:100%}.btn{width:max-content}.about-image-container{width:50%}.about-me .btn{width:150px}.shape1{top:28%;right:15%}.skills-card{width:100%}.header-section p{width:100%;margin-top:30px}.project-title{font-size:12px}.features li,.enhancement li{font-size:14px}body:before{width:100%;height:200px}.footer-container{padding:2rem}.item1{flex-direction:column;align-content:center}.item1 p{text-align:center;width:100%;margin-top:60px}.item1 p:last-child{text-align:center;margin-top:0}.item2 p:last-child{line-height:100px}.project-links a{width:155px}}@media screen and (max-width:440px){.hero-section:before,.hero-section:after{display:none}.service-card-wrapper{align-items:flex-start;margin-top:80px}.services-bg{margin-top:100px;position:relative;top:0}.other-projects-wrapper .header{flex-direction:column;align-items:flex-start;margin-bottom:0}.other-project-container .project-image-container{width:170px;margin-top:0!important}.nav-buttons{justify-content:space-between;width:100%;margin-top:20px}.goBack-btn{width:155px}}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0e1018;margin:0;padding:0;line-height:1.6}a{color:inherit;cursor:pointer;text-decoration:none}button{color:inherit}section{padding:3rem 0}h2{letter-spacing:-2px;font-family:Michroma,sans-serif;font-size:32px;line-height:120%}.container{width:897px;margin:auto}.section-title{text-shadow:0 3px #3e3f46}@media screen and (max-width:1050px){.container{width:85%;margin:auto}}@media screen and (max-width:350px){h2{font-size:22px}}