@font-face{font-display:swap;font-family:header;src:url(/static/media/header.e4779719fd9ddd27ec67.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;src:url(/static/media/Inter.9e6a9980bcb545e518d5.woff2) format("woff2")}html{scroll-behavior:smooth}body{background-color:#000;margin:0 auto;max-width:1920px}body.light{background-color:#fff;color:#000}body.dark,body.light{transition:background-color .5s ease}body.dark{background-color:#000;color:#fff}.theme-toggle .track{background:linear-gradient(90deg,#111,#eee)}.header_fix{align-items:center;display:grid;grid-template-columns:45% 55%;justify-content:space-between;max-width:1920px;padding:2rem 0 2rem 2rem}.head{font-family:header;font-weight:700}.menu{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr 1fr;justify-items:center}body.light .head{color:#000}body.dark .head{color:#f7f7f7}.burger{display:none}.split-line{text-align:center}.menu button{padding:5px 12px}body.light .menu button{background-color:#000;color:#f7f7f7}body.dark .menu button{color:#000}body.dark .menu button:hover,body.light .menu button:hover{background-color:#85ee00;border-color:#85ee00}body.dark .green:hover,body.light .green:hover{color:#85ee00}.contact{color:#000;font-weight:200}main{padding:2rem}.front{align-items:center;display:flex;justify-content:space-between;padding:2rem 0 0}.front_class{display:flex;font-family:Inter;font-size:5rem;font-weight:900;white-space:pre-wrap}.hero{padding-bottom:2rem}.main_image{aspect-ratio:auto;border-radius:18px;box-shadow:0 8px 30px #0000001f;display:flex;justify-content:center;max-height:80vh;max-width:1920px;overflow:hidden;width:100%}.hero_image{height:100%;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:100%}.hero_image:hover,img:hover{transform:scale(1.02)}.h3{font-family:Inter;font-size:4em;font-weight:900}.myproject{flex-flow:column nowrap}.blocks-proj{grid-row-gap:90px;grid-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr;row-gap:90px}.hashtag{color:grey;font-size:2rem;font-weight:700;margin-block-start:5px}.container{border-radius:18px;max-height:490px;max-width:900px;padding-bottom:1rem;width:100%}.container a{text-decoration:none}.container-image{border-radius:18px;box-shadow:0 8px 30px #0000001f;height:100%;max-height:100%;max-width:100%;object-fit:cover;transition:transform .3s ease;width:100%}.about-block{align-items:center;gap:40px;margin:0 auto}.about-image{align-items:center;background:#000;display:flex;justify-content:center;max-height:80vh;overflow:hidden;position:relative}.about-image,.about-img{border-radius:18px;height:100%}.about-img{object-fit:cover;transition:transform .3s ease;width:100%}.about-img:hover{transform:scale(1.05)}.about-text{display:flex;flex-direction:column;gap:16px;height:100%;padding:0 1em}.about-text h3,.about-text h4,.about-text p{font-family:header,sans-serif;margin:0 0 1em}.about-text h3{font-size:1.8rem;font-weight:500}.about-text h4{font-size:2.5rem;font-weight:600}.about-text p{font-size:1.3rem;line-height:1.7;opacity:.95}.whyme-slider h2{font-size:2.5rem;margin-bottom:40px;text-align:center}.whyme-slider{grid-gap:60px;display:grid;gap:60px;grid-template-columns:repeat(2,1fr);margin:0 auto;padding:60px 20px}.slide-container{border-radius:16px;box-shadow:0 4px 20px #0000004d;overflow:hidden;position:relative;transition:transform .3s ease}.slide-container:hover{transform:scale(1.02)}.slide-image{display:block;height:350px;object-fit:cover;width:100%}.slide-content{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:2}.slide-content h3{color:#fff;font-size:2rem;margin-bottom:12px;text-shadow:0 2px 8px #00000080}.slide-content:before{background:linear-gradient(#0006,#000000b3);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.contact{padding:6rem 20px}.contact-block{grid-gap:60px;display:grid;gap:60px;grid-template-columns:repeat(1,1fr);margin:0 auto;padding:6px 0}.contact-text{display:flex;flex-direction:column}.contact-block h2{font-size:5rem}.contact-block h2,.contact-block h3{font-family:header;font-weight:700;font-weight:900;margin-block-start:0}.contact-block h3{font-size:4rem}.contact-input{display:grid;font-size:5em;grid-template-columns:repeat(4,1fr);justify-items:center}body.light .mail{color:#000}body.dark .mail{color:#fff}.mail{transition:color .3s ease,transform .2s ease}body.dark .mail:hover,body.light .mail:hover{color:#85ee00;transform:translateY(-2px)}.glitch{color:#fff;cursor:pointer;font-size:clamp(2rem,10vw,8rem);font-weight:900;margin:0 auto;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}.glitch:after,.glitch:before{background-color:#060010;clip-path:inset(0 0 0 0);color:#fff;content:attr(data-text);overflow:hidden;position:absolute;top:0}.glitch:not(.enable-on-hover):after{animation:animate-glitch 3s linear infinite alternate-reverse;animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse;left:10px;text-shadow:-10px 0 red;text-shadow:var(--after-shadow,-10px 0 red)}.glitch:not(.enable-on-hover):before{animation:animate-glitch 2s linear infinite alternate-reverse;animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse;left:-10px;text-shadow:10px 0 cyan;text-shadow:var(--before-shadow,10px 0 cyan)}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{animation:none;content:"";opacity:0}.glitch.enable-on-hover:hover:after{animation:animate-glitch 3s linear infinite alternate-reverse;animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse;content:attr(data-text);left:10px;opacity:1;text-shadow:-10px 0 red;text-shadow:var(--after-shadow,-10px 0 red)}.glitch.enable-on-hover:hover:before{animation:animate-glitch 2s linear infinite alternate-reverse;animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse;content:attr(data-text);left:-10px;opacity:1;text-shadow:10px 0 cyan;text-shadow:var(--before-shadow,10px 0 cyan)}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50% 0)}5%{clip-path:inset(10% 0 60% 0)}10%{clip-path:inset(15% 0 55% 0)}15%{clip-path:inset(25% 0 35% 0)}20%{clip-path:inset(30% 0 40% 0)}25%{clip-path:inset(40% 0 20% 0)}30%{clip-path:inset(10% 0 60% 0)}35%{clip-path:inset(15% 0 55% 0)}40%{clip-path:inset(25% 0 35% 0)}45%{clip-path:inset(30% 0 40% 0)}50%{clip-path:inset(20% 0 50% 0)}55%{clip-path:inset(10% 0 60% 0)}60%{clip-path:inset(15% 0 55% 0)}65%{clip-path:inset(25% 0 35% 0)}70%{clip-path:inset(30% 0 40% 0)}75%{clip-path:inset(40% 0 20% 0)}80%{clip-path:inset(20% 0 50% 0)}85%{clip-path:inset(10% 0 60% 0)}90%{clip-path:inset(15% 0 55% 0)}95%{clip-path:inset(25% 0 35% 0)}to{clip-path:inset(30% 0 40% 0)}}.mouse-animatable-container>*{display:inline-block;transform-origin:center;transition:transform .1s}.skill-wrap{height:100%;overflow:hidden;width:100%}.skill{display:flex;flex-direction:column;height:100%;margin:0;padding:0}.skill__item{flex:1 1;font-family:header;overflow:hidden;position:relative;text-align:center}body.dark .skill__item{box-shadow:0 -1px #fff}body.light .skill__item{box-shadow:0 -1px #000}.skill__item-link{align-items:center;cursor:pointer;display:flex;font-size:4vh;font-weight:600;height:100%;justify-content:center;position:relative;text-decoration:none;text-transform:uppercase;white-space:nowrap}body.dark .skill__item-link{color:#fff}body.light .skill__item-link{color:#000}body.dark .skill__item-link:hover{color:#060010}body.light .skill__item-link:hover{color:#fff}body.dark .skill__item-link:focus:not(:focus-visible){color:#fff}body.light .skill__item-link:focus:not(:focus-visible){color:#000}.marquee{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transform:translate3d(0,101%,0);transition:transform ease-expo .6s;width:100%}.marquee__inner-wrap{display:flex;height:100%;transform:translateX(0);width:200%}.marquee__inner{align-items:center;animation:marquee 15s linear infinite;display:flex;height:100%;position:relative;width:200%;will-change:transform}.marquee span{font-family:header;font-size:4vh;font-weight:400;line-height:1.2;padding:1vh 1vw 0;text-transform:uppercase;white-space:nowrap}body.dark .marquee span{background:#000}body.light .marquee span{background:#fff}.marquee__img{background-position:50% 50%;background-size:cover;border-radius:50px;height:7vh;margin:2em 2vw;padding:1em 0;width:200px}.skill__item-link:hover+.marquee{transform:translateZ(0)}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}:root{--hue:27;--sat:69%;--white:#fff;--purple-primary:#85ee00;--purple-glow:#5ea303;--purple-border:#85ee00;--border-color:#3d6806;--background-dark:#000;color-scheme:light dark}.card-grid{grid-gap:.5em;display:grid;font-size:clamp(1rem,.9rem + .5vw,1.5rem);gap:.5em;max-width:1920px}.card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;aspect-ratio:6/3;background:#000;background:var(--background-dark);border:1px solid #3d6806;border:1px solid var(--border-color);border-radius:20px;display:flex;flex-direction:column;font-weight:300;max-width:100%;min-height:200px;overflow:hidden;padding:1.25em;position:relative;transition:all .3s ease}.card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.card__content,.card__header{color:#fff;color:var(--white);display:flex;position:relative}.card__header{gap:.75em;justify-content:space-between}.card__content{flex-direction:column}.card__label{color:gold;font-size:25px}.card__description,.card__title{--clamp-title:1;--clamp-desc:2}.card__title{display:flex;font-size:25px;font-weight:600;gap:5px;margin:0 0 .25em}.card__description{font-family:Inter,cursive;font-size:20px;font-style:normal;font-weight:400;line-height:1;opacity:.9}.card--text-autohide .card__description,.card--text-autohide .card__title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.card--text-autohide .card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.card--text-autohide .card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width:599px){.card-grid{grid-template-columns:1fr;padding:.5em .5em .5em 0;width:90%}.card{min-height:180px;width:100%}}@media (min-width:600px){.card-grid{grid-template-columns:repeat(1,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1520px){.card{aspect-ratio:5/3;padding:1.05em 1.25em 1.25em}}@media (max-width:1431px){.card__description{margin-block-end:.5em;margin-block-start:0;width:95%}.card{padding:.8em 1.55em 1.25em 1.25em}}@media (max-width:1272px){.card{aspect-ratio:4/3}}@media (max-width:1170px){.card{aspect-ratio:4/3;aspect-ratio:3/3}}@media (max-width:1024px){.card{aspect-ratio:auto;padding-right:0}}@media (width:1024px){.card{aspect-ratio:3/3}}.card--border-glow:after{background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(133,238,0,calc(var(--glow-intensity)*.8)) 0,rgba(133,238,0,calc(var(--glow-intensity)*.4)) 30%,#0000 60%);border-radius:inherit;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:6px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.card--border-glow:hover:after{opacity:1}.card--border-glow:hover{box-shadow:0 4px 20px #2e184e66,0 0 30px #5ea303;box-shadow:0 4px 20px #2e184e66,0 0 30px var(--purple-glow)}.particle-container{overflow:hidden;position:relative}.particle:before{background:#8400ff33;border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px #2e184e33,0 0 30px #5ea303;box-shadow:0 4px 20px #2e184e33,0 0 30px var(--purple-glow)}.global-spotlight{mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity;z-index:200!important}.bento-section{position:relative;-webkit-user-select:none;user-select:none}.animated-gradient-text{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.25rem;display:flex;flex-direction:row;font-weight:500;justify-content:center;margin:0 auto;max-width:fit-content;overflow:hidden;position:relative;transition:box-shadow .5s ease-out}.gradient-overlay{animation:gradient linear infinite;background-size:300% 100%;bottom:0;pointer-events:none;right:0;z-index:0}.gradient-overlay,.gradient-overlay:before{border-radius:inherit;left:0;position:absolute;top:0}.gradient-overlay:before{background-color:#060010;content:"";height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2px);z-index:-1}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.text-content{align-items:center;animation:gradient linear infinite;background-clip:text;-webkit-background-clip:text;background-size:300% 100%;color:#0000;display:flex;flex-direction:column;position:relative;z-index:2}.text-content h2,.text-content h3{text-align:center}.menu a{text-decoration:none}.link-effect{color:#fff;display:inline-block;padding:4px 0;position:relative}.link-effect:after{background:#85ee00;bottom:4px;content:"";height:2px;left:0;position:absolute;transition:width .4s ease;width:0}.link-effect:hover:after{width:100%}.link-effect:hover{color:#85ee00}.space-btn{background:none;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#000;cursor:pointer;font-family:header;font-size:1.2em;line-height:1;margin:0;padding:1em;position:relative;text-transform:uppercase}.space-btn:active{background-color:#85ee00;border:1px solid #85ee00}@media (max-width:1440px){.blocks-proj{row-gap:0}.header_fix{font-size:.8rem;gap:.5rem;padding:2rem}}@media (max-width:1220px){.about-text{gap:0;padding:0 1em 0 0}.about-text p{font-size:1.1rem}}@media (max-width:1136px){.header_fix{grid-template-columns:25% 75%}.h3{font-size:3em}.front{padding:0}.card__description{font-size:18px}}@media (max-width:1024px){.container{max-width:100%;width:100%}.blocks-proj{grid-template-columns:1fr;margin-bottom:5em;row-gap:4em}.marquee__inner span,.skill__item-link{font-size:3vh}.contact{padding:0 20px}}@media (max-width:850px){.menu{gap:.5rem}.marquee__inner span,.skill__item-link{font-size:2.5vh}.h3{font-size:2.5em}.blocks-proj{margin-bottom:0;row-gap:0}.whyme-slider{grid-template-columns:1fr}}@media (max-width:768px){.burger{display:inline-block}.header_fix{grid-template-columns:50% 50%}.contact-block{padding-bottom:100px}.text-content h2{font-size:3rem}.text-content h3{font-size:2rem}.marquee__inner span,.skill__item-link{font-size:2vh}.gif-container,.menu{display:none}.header_fix{padding:0 2rem}.front,main{padding-top:0}.front h2{font-size:4rem;margin-block-start:.2em}.h3{font-size:2em}.hashtag{font-size:.9rem}.about-text p{line-height:1}.contact-input{font-size:4em}.text-content h2{font-size:2.5rem}.text-content h3{font-size:1.5rem}}@media (max-width:600px){.h3{font-size:1.5em}}@media (max-width:440px){.header_fix{grid-template-columns:70% 30%}.front h2{font-size:3rem}.whyme h2{font-size:1.2em}.contact-input{font-size:3em}.slide-content h3{font-size:1.5rem}.whyme-slider{gap:20px;padding:0 0 20px}.contact-block{gap:20px}}@media (max-width:375px){.front h2{font-size:2.5rem}.whyme h2{font-size:1em}}
/*# sourceMappingURL=main.257ff37b.css.map*/