*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}@media (prefers-color-scheme: light){:root{--text: hsl(114, 63%, 3%);--background: hsl(120, 65%, 97%);--primary: hsl(118, 65%, 55%);--secondary: hsl(191, 64%, 71%);--accent: hsl(216, 65%, 62%);--bg-gradient: radial-gradient( 18% 28% at 24% 50%, #cefaffff 7%, #073aff00 100% ), radial-gradient(18% 28% at 18% 71%, #ffffff59 6%, #073aff00 100%), radial-gradient(70% 53% at 36% 76%, #73f2ffff 0%, #073aff00 100%), radial-gradient(42% 53% at 15% 94%, #ffffffff 7%, #073aff00 100%), radial-gradient(42% 53% at 34% 72%, #ffffffff 7%, #073aff00 100%), radial-gradient(18% 28% at 35% 87%, #ffffffff 7%, #073aff00 100%), radial-gradient(31% 43% at 7% 98%, #ffffffff 24%, #073aff00 100%), radial-gradient(21% 37% at 72% 23%, #d3ff6d9c 24%, #073aff00 100%), radial-gradient(35% 56% at 91% 74%, #8a4ffff5 9%, #073aff00 100%), radial-gradient(74% 86% at 67% 38%, #6dffaef5 24%, #073aff00 100%), linear-gradient(125deg, #4eb5ffff 1%, #4c00fcff 100%)}}@media (prefers-color-scheme: dark){:root{--text: hsl(120, 60%, 97%);--background: hsl(120, 63%, 3%);--primary: hsl(118, 65%, 45%);--secondary: hsl(191, 64%, 29%);--accent: hsl(216, 65%, 38%);--bg-gradient: radial-gradient( 40rem 40rem at 80% 30%, #090179be 10%, #0c231200 100% ), radial-gradient(40% 60% at 20% 20%, #520616 5%, #00212100), radial-gradient( 20rem 20rem at 50% 60%, #090179be 2%, #0c231200 100% ), radial-gradient(40% 24% at 50% 90%, #4eb5ff12 5%, #00000000 100%)}}:root{color-scheme:light dark;color:var(--text);background-color:var(--background);line-height:1.5;font-weight:400;scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Alatsi;src:url(/assets/Alatsi-Regular-B8_Ga134.ttf)}body{font-family:Alatsi,sans-serif;font-weight:400;width:100vw;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:Alatsi,sans-serif;font-weight:700}html{font-size:100%}h1{font-size:4.21rem}h2{font-size:clamp(1.5rem,.9056rem + 2.5026vw,3.158rem)}h3{font-size:clamp(1.3rem,.9168rem + 1.6136vw,2.369rem)}h4{font-size:1.777rem}h5{font-size:1.333rem}p{font-size:1rem}small{font-size:.75rem}.main-bg{max-width:100%;min-height:fit-content;position:relative;overflow-x:hidden}.pc-nav{position:fixed;top:0;left:10%;border-radius:0 0 20px 20px;isolation:isolate;padding:1.5rem;z-index:10;-webkit-backdrop-filter:blur(28.48px) hue-rotate(150deg);backdrop-filter:blur(28.48px) hue-rotate(150deg)}.pc-nav .nav-link{text-decoration:none;color:var(--text);font-size:x-large;margin-inline:1.6rem;transition:.15s ease-in-out}.pc-nav .nav-link:hover{color:var(--secondary);background-color:#073aff00}.mobile-nav{display:none}.welcome-wrapper{width:100%;height:100svh;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;flex-direction:column}@media (min-width: 1200px){.welcome-wrapper{width:100%;display:grid;grid-template-columns:50% 50%}}.welcome-text{padding:4rem;display:flex;flex-wrap:wrap;text-align:center;justify-content:center;align-content:center;width:100%;color:var(--text)}.welcome-text h1{scale:1;display:inline;text-align:center;text-wrap:balance;font-size:clamp(1.2rem,1.2308rem + 3.0769vw,4rem);animation:wiggle 3s ease-in forwards infinite;position:relative;animation-delay:.3s}@keyframes wiggle{33%{scale:.9;color:#a5a5a5}66%{scale:1.1;color:#0707b6}}.code-snap,.code-snap img{width:100%}.about-wrapper{width:100%;min-height:100vh}.about-wrapper h2{text-align:center}.about-separator{width:100%;height:100%;display:grid;grid-template-columns:40% 60%}.svg-icons{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:stretch;padding:1rem;gap:10px}.svg-icons .svg-icon{width:min(10rem,30%);opacity:0;scale:.1;padding:1rem;animation:spawn-in linear forwards;animation-timeline:view();animation-range-start:entry;animation-range-end:40%}.svg-icons .svg-icon img{width:100%}@keyframes spawn-in{to{opacity:1;scale:1}}@media (prefers-color-scheme: light){.svg-icon{-webkit-backdrop-filter:blur(10px) brightness(20%);backdrop-filter:blur(10px) brightness(20%)}}.about-text-section{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding-block:1rem;padding-inline:6rem;text-wrap:pretty}.about-text-section p{font-size:clamp(1rem,.4277rem + 1.1915vw,1.5rem);padding-block:1rem;padding-inline-start:1rem;border-left:2px solid cyan}.mywork-wrapper{width:100%;min-height:100lvh}.mywork-wrapper h2{text-align:center}.project-cards{display:grid;padding:3rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);place-items:center;gap:30px;overflow:hidden}.project-cards a.card{width:100%;height:100%;position:relative;transition:all .25s ease-in-out}.project-cards a.card:hover{width:100%;height:100%;scale:1.3;z-index:3}.project-cards a.card:hover img{filter:brightness(20%) saturate(0%)}.project-cards a.card:hover p{opacity:1}.project-cards a.card img{width:100%}.card p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.contact-wrapper{--shadow-box: inset 0 0 10px #3ce8c6, 0 0 10px #3ce8c6;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-wrapper h2{text-align:center}.contact-form{display:flex;width:80%;justify-content:center;align-items:center;border-radius:50px;background-color:#29292950}form{width:50%;min-height:fit-content;height:90%;margin:auto;display:flex;justify-content:center;align-content:center;padding-left:1rem;border-left:3px solid #00ffd522;flex-direction:column}form .form-input{padding-block:1.5rem;width:100%;display:flex;position:relative;justify-content:flex-start}form .form-input label{position:absolute;width:fit-content;height:fit-content;padding:.1px;top:32px;right:16px;bottom:32px;left:16px;transition:all .15s ease}form .form-input input.box,form .form-input textarea.box{padding:.8rem;font-size:.8rem;resize:none;width:min(50%,20rem);border-radius:10px;justify-content:flex-start;border:none;outline:none;overflow:visible;background-color:#20313c;transition:all .15s ease}input.box:focus,input.box:active,textarea.box:focus,textarea.box:active{box-shadow:var(--shadow-box)}input.box:-webkit-autofill{box-shadow:none;-webkit-box-shadow:none!important;background-color:transparent!important}input.box:focus+label,textarea.box:focus+label,input.box:valid+label,textarea.box:valid+label{top:10px;right:10px;bottom:10px;left:10px;scale:.8;color:#fff;font-weight:700}input[type=submit]{width:10rem;height:3rem;background-color:transparent;border:1px solid #292929;border-radius:50px;text-transform:uppercase;transition:all .15s ease;cursor:pointer}input[type=submit]:hover{box-shadow:inset 0 0 10px #0ff,0 0 10px #0ff;border:none;color:#0ff}.socials{margin:1rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.socials a{display:block}svg *{transition:all .5s ease}.success{position:fixed;text-transform:uppercase;right:20px;bottom:20px;padding:2rem;margin:1.5rem;background-color:#252525;border-radius:0 0 20px 20px}.success:before{content:"";position:absolute;top:0;left:0;width:100%;height:8px;background-color:var(--primary);z-index:3;animation:border-dissapear 5s linear both}@keyframes border-dissapear{to{width:0%}}@media (max-width: 600px){.mobile-nav{position:fixed;display:flex;flex-direction:column;width:90%;height:100svh;top:0;right:-100%;justify-content:center;align-items:center;isolation:isolate;transition:.25s ease-in-out;z-index:90}.mobile-nav.mobactive{right:0;-webkit-backdrop-filter:saturate(0%) blur(10px);backdrop-filter:saturate(0%) blur(10px)}.mobile-nav .nav-link-mob{text-decoration:none;color:var(--text);padding:1.5rem;font-size:1.44rem}.main-bg{overflow-x:hidden}.pc-nav{display:none}.barbtn{position:fixed;cursor:pointer;top:20px;right:20px;z-index:100;width:70px;height:70px;border:2px solid #ffffff95;border-radius:50%;display:flex;justify-content:center;align-items:center;overflow:hidden;-webkit-tap-highlight-color:transparent}span{transition:.25s ease-in-out;-webkit-tap-highlight-color:transparent}span.fancyDot{width:3px;height:3px;background-color:#fff;border-radius:50%}span.fatDot{scale:25}.welcome-text h1{font-size:2.5rem}.about-separator{display:flex;flex-direction:column;justify-content:center;align-content:baseline}.about-text-section{padding-inline:2rem!important}.about-text-section p{padding-inline-start:.5rem}.svg-wrapper-mobile{width:100%;height:300px;overflow:hidden}.svg-holder{width:auto;height:300px;display:flex;justify-content:baseline;align-items:center;animation:svg-move linear forwards;animation-timeline:scroll(root);animation-range-start:23%;animation-range-end:50%}.svg-icons-mobile{width:20%;flex-shrink:0}.svg-icons-mobile img{width:100%}.project-cards{display:flex;flex-direction:column}.contact-wrapper{width:100%;height:fit-content;padding:1rem}.contact-wrapper h1{padding-inline:1rem}.contact-form{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;border:none}form{border:none;width:100%}.socials{padding-block-end:3rem}.form-input{display:flex;flex-direction:column}input.box,textarea.box{width:95%!important}input[type=submit]{margin:0 auto}}@keyframes svg-move{to{transform:translate(-140%)}}.bubble{width:var(--bub-w);aspect-ratio:1;position:absolute;box-shadow:inset 0 0 30px #fff;border-radius:50%;z-index:-1}.bubble:before{content:"";position:absolute;top:50%;right:100px;bottom:50%;left:100px;transform:translateY(-50%);width:calc(var(--bub-w) / 20);aspect-ratio:1;background-color:#fff;border-radius:50%;filter:blur(3px)}.bubble:after{content:"";position:absolute;top:50%;right:0;bottom:0;left:200px;width:calc(var(--bub-w) / 20);aspect-ratio:1;background-color:#ac5656;border-radius:50%;filter:blur(4px)}.bubble span{position:absolute;width:calc(var(--bub-w) - 30px);aspect-ratio:1;z-index:-1;border-radius:50%}.bubble span:nth-child(1){top:10px;right:10px;bottom:10px;left:10px;border-left:20px solid purple;filter:blur(20px);animation:col1 10s ease both infinite}.bubble span:nth-child(2){top:10px;right:10px;bottom:10px;left:10px;border-right:20px solid #8385e0;filter:blur(20px);animation:col2 10s ease both infinite}.bubble span:nth-child(3){top:10px;right:10px;bottom:10px;left:10px;border-top:20px solid #beaf24;filter:blur(30px);animation:col3 10s ease both infinite}.bubble span:nth-child(4){top:30px;right:30px;bottom:30px;left:30px;border-bottom:20px solid #461c96;filter:blur(30px);animation:col4 10s ease both infinite}.bubble span:nth-child(5){top:50px;right:50px;bottom:50px;left:50px;width:calc(var(--bub-w) - 80px);border-left:20px solid #8870b6;filter:blur(40px);transform:rotate(7deg);animation:col5 10s ease both infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes moving{0%,to{top:var(--top-p);left:var(--left-p)}50%{top:calc(var(--left-p) / 2);left:calc(var(--top-p) / 1.5)}}@keyframes bubbling{0%,40%,to{scale:1.01}10%,50%,90%{scale:.99}20%,60%,80%{scale:1.02}30%,70%{scale:.98}}@keyframes col1{50%{border-left:20px solid var(--random-color)}}@keyframes col2{50%{border-right:20px solid var(--random-color)}}@keyframes col3{50%{border-top:20px solid var(--random-color)}}@keyframes col4{50%{border-bottom:20px solid var(--random-color)}}@keyframes col5{50%{border-left:20px solid var(--random-color)}}