:root{--background-color: #171625;--border-radius-button: 50px;--border-radius-card: 10px;--border-radius-circle: 50%;--border-radius-tag: 6px;--box-color-400: #1e1e30;--box-color-500: #1c1c2e;--box-color-600: #1a1a2c;--box-color-700: #191929;--box-color-800: #181727;--box-color-900: #161625;--font-color-400: #dee1f2;--font-color-500: #d0d4ec;--font-color-600: #c2c7e7;--font-color-700: #b4bbe1;--font-color-800: #a6aedc;--font-color-900: #98a3d6;--shadow-top: inset 0 1px 0 0 rgb(255 255 255 / 4%);--shadow-bottom: 0 2px 4px rgb(0 0 0 / 6%);--theme-color-400: #66b0fc;--theme-color-600: #3f9dfb;--theme-color-800: #1989fa;--top-left: 0 auto auto 0;--top-right: 0 0 auto auto}body{--negative-margin: -245px;--circles: var(--background-color) url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1671'%20height='1073'%20fill='none'%3e%3ccircle%20cx='836'%20cy='473'%20r='599.5'%20fill='%237078b0'%20fill-opacity='0.02'%20stroke='url(%23a)'/%3e%3ccircle%20cx='836'%20cy='473'%20r='499.5'%20fill='%237078b0'%20fill-opacity='0.02'%20stroke='url(%23b)'/%3e%3ccircle%20cx='836'%20cy='473'%20r='399.5'%20fill='%237078b0'%20fill-opacity='0.02'%20stroke='url(%23c)'/%3e%3ccircle%20cx='836'%20cy='473'%20r='299.5'%20fill='%237078b0'%20fill-opacity='0.02'%20stroke='url(%23d)'/%3e%3ccircle%20cx='836'%20cy='473'%20r='199.5'%20fill='%237078b0'%20fill-opacity='0.02'%20stroke='url(%23e)'/%3e%3cg%20filter='url(%23f)'%3e%3ccircle%20cx='835.5'%20cy='118.5'%20r='535.5'%20fill='url(%23g)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='836'%20x2='836'%20y1='-127'%20y2='1073'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%237078b0'%20stop-opacity='0.25'/%3e%3cstop%20offset='1'%20stop-color='%237078b0'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='836'%20x2='836'%20y1='-27'%20y2='973'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%237078b0'%20stop-opacity='0.25'/%3e%3cstop%20offset='1'%20stop-color='%237078b0'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='836'%20x2='836'%20y1='73'%20y2='873'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%237078b0'%20stop-opacity='0.25'/%3e%3cstop%20offset='1'%20stop-color='%237078b0'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='d'%20x1='836'%20x2='836'%20y1='173'%20y2='773'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%237078b0'%20stop-opacity='0.25'/%3e%3cstop%20offset='1'%20stop-color='%237078b0'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='e'%20x1='836'%20x2='836'%20y1='273'%20y2='673'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%237078b0'%20stop-opacity='0.25'/%3e%3cstop%20offset='1'%20stop-color='%237078b0'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cradialGradient%20id='g'%20cx='0'%20cy='0'%20r='1'%20gradientTransform='rotate(90%20358.5%20477)%20scale(535.5)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%233a4e9c'/%3e%3cstop%20offset='1'%20stop-color='%233a4e9c'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cfilter%20id='f'%20width='1671'%20height='1671'%20x='0'%20y='-717'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20result='effect1_foregroundBlur_2601_313'%20stdDeviation='150'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e") center top var(--negative-margin) no-repeat;position:relative;background:var(--circles);z-index:0}body:after{position:absolute;inset:var(--top-left);width:100%;height:100svh;content:"";background-color:hsl(from var(--background-color) h s l / 100%);animation:reveal 1.5s forwards ease-out;z-index:-1}@keyframes reveal{to{background-color:hsl(from var(--background-color) h s l / 25%)}}.container{width:min(100% - 40px,1080px);margin-inline:auto}h1,h2,h3{font-family:Outfit,sans-serif;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,p,li{color:var(--font-color-700);letter-spacing:.2px}li,a,i,svg{-webkit-user-select:none;user-select:none}p{font-size:1.9rem}strong{font-weight:700;color:var(--font-color-500)}a{font-size:1.9rem;font-weight:700;color:var(--theme-color-600);text-decoration:none}a:hover{text-decoration:underline}.button-outline{display:block;padding:.4rem;border:1px solid rgb(255 255 255 / 5%);border-radius:var(--border-radius-button);background-color:#ffffff14;transition:all .25s ease;will-change:border-color}.button-outline span{display:inherit;border-radius:inherit;font-weight:600}.button-outline:hover{border:1px solid rgb(255 255 255 / 20%);text-decoration:none}.reflection{position:relative;display:flex;justify-content:center}.reflection:before{position:absolute;top:-1px;width:75%;height:1px;content:"";background-image:linear-gradient(to right,transparent,rgb(255 255 255 / 16%),transparent)}.adjust{translate:2px 0}.small{height:3.8rem;line-height:3.9rem;padding-inline:2rem;background-color:#fff;color:#000;font-size:1.7rem;letter-spacing:-.2px}.medium{height:4.4rem;line-height:4.5rem;padding-inline:3.2rem;background-color:var(--theme-color-800);font-size:1.8rem;color:#fff}header{height:10rem;align-content:center}.page-title{align-content:center}.page-title h1{--gradient-title: linear-gradient(90deg, var(--theme-color-600), #3fbcfb );font-size:2.7rem;font-weight:600;background-image:var(--gradient-title);-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;translate:0 -.3rem}.hero__content{height:calc(100svh - 20rem);translate:0 -.8rem}.hero__heading{position:relative;text-align:center;text-wrap:balance}.hero__heading h2{--gradient-h2: linear-gradient(180deg, var(--font-color-400), var(--font-color-400), var(--font-color-700) );line-height:1.1;font-size:8.4rem;font-weight:600;letter-spacing:-.4px;background-image:var(--gradient-h2);-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__heading h4{margin-top:.7rem;font-size:2.2rem;font-weight:400;color:var(--font-color-600)}.hero__cta{margin-top:3.1rem}.hero__footer{height:10rem;text-align:center}.hero__footer p{line-height:10rem;font-size:1.8rem;font-weight:600;color:var(--font-color-900)}.hero__footer p svg{position:relative;display:inline;top:.4rem;animation:spin 4s linear infinite}@keyframes spin{to{rotate:360deg}}.about{padding-block:7.4rem 7.3rem}.skills{padding-block:6.6rem 6.5rem}.projects{padding-block:7.4rem 7.3rem}.testimonials{padding-block:7.4rem 7.7rem}.contact{padding-block:7.4rem 4.7rem}.dark{background-color:#141321}.section-title{text-align:center;text-wrap:balance}.section-title h3{--gradient-h3: linear-gradient(180deg, var(--font-color-400), var(--font-color-700) );line-height:1.2;margin-top:-.1rem;font-size:4.2rem;font-weight:600;background-image:var(--gradient-h3);-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-title h4{font-size:2.5rem;font-weight:400;color:var(--font-color-500)}.section-title h5{font-size:1.5rem;font-weight:700;color:var(--theme-color-600);text-transform:uppercase;letter-spacing:.4px}.section-title p{margin-top:1.5rem;font-weight:500;color:var(--font-color-500)}.about__content{width:100%;margin-top:3.4rem}aside{display:grid;flex:0 0 30rem;max-width:30rem;height:30rem}aside img{width:20rem;height:20rem;border-radius:var(--border-radius-circle)}article{flex:0 0 calc(100% - 30rem);max-width:calc(100% - 30rem)}article p:not(p:first-of-type){margin-top:1.25rem}article figure{display:none;padding-block:3.3rem 1.7rem}article figure img{width:20rem;height:20rem;border-radius:var(--border-radius-circle)}.skills-container{width:min(100%,1080px);margin-inline:auto}.gap{margin-top:2rem}.scroller{--mask: 90deg, transparent, white 10%, white 90%, transparent;width:100%;-webkit-mask:linear-gradient(var(--mask));mask:linear-gradient(var(--mask));overflow:hidden}.scroller:last-child{margin-top:.5rem}.scrollable{--animation: scroll var(--duration, 40s) var(--direction, forwards) linear infinite;width:max-content;padding-block:1rem;animation:var(--animation)}.scrollable li{padding:1rem 2rem .9rem;border-radius:var(--border-radius-tag);background-color:var(--box-color-400);box-shadow:var(--shadow-bottom),var(--shadow-top);font-size:1.9rem;color:var(--font-color-400)}.scroller[data-direction=left]{--direction: forwards}.scroller[data-direction=right]{--direction: reverse}.scroller[data-speed=slow]{--duration: 40s}.scroller[data-speed=normal]{--duration: 30s}.scroller[data-speed=fast]{--duration: 20s}@keyframes scroll{to{translate:calc(-50% - .75rem)}}.projects__grid{margin-top:4rem;width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}.projects__grid>div{padding:0rem}.projects__grid>div img{width:100%;aspect-ratio:2 / 1;border-radius:var(--border-radius-card);object-fit:cover}.projects__grid>div h4{margin-top:1.8rem;font-size:1.9rem;font-weight:700;color:var(--font-color-500)}.projects__grid>div p{margin-top:.1rem}.projects__grid>div a{display:inline-block;margin-top:1rem}.projects__more{margin-top:4.5rem;padding-inline:1rem;text-align:center}.carousel-container{margin-top:1.4rem;width:min(100%,1120px);margin-inline:auto}.carousel{padding:2rem;scrollbar-width:none;scroll-behavior:smooth;pointer-events:none}.carousel li{flex:0 0 calc(50% - 1rem);max-width:calc(50% - 1rem)}.carousel li p{line-height:1.45}.carousel::-webkit-scrollbar{display:none}.scroll{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 2rem}.snap{scroll-snap-align:start;scroll-snap-stop:always}.author{margin-top:1.2rem;height:7rem;padding-block:1rem}.author .author__initials{width:5rem;height:5rem;border-radius:var(--border-radius-circle);text-align:center}.author .author__initials p{line-height:5.1rem;font-size:2.8rem;font-weight:600;color:#fff}.author .author__info{margin-left:1.4rem}.author .author__info a{display:inline-block;margin-top:0rem;pointer-events:auto}.author .author__info p{margin-top:0rem;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--font-color-700)}.navigation{display:grid;place-items:center;margin-top:.7rem}.navigation .dots{display:flex}button{display:block;width:1.4rem;height:1.4rem;border-radius:50%;border:3px solid var(--background-color);background-color:var(--font-color-900);transition:all .6s ease 0s;will-change:width,border-radius,background-color}button:not(button:first-of-type){margin-left:.4rem}button.active{width:4rem;border-radius:50px;background-color:var(--font-color-400)}.form-container{width:min(100% - 40px,480px);margin-inline:auto}form{margin-top:3.3rem;width:100%;font-size:0}label{display:block;font-size:1.8rem;font-weight:600;color:var(--font-color-500)}label:not(label:first-of-type){margin-top:1.8rem}input{height:5.2rem}input[type=text],input[type=email],textarea{--input-background: #1c1b2c;width:100%;padding-inline:1.5rem 4rem;margin-top:.4rem;border:1px solid #272637;border-radius:var(--border-radius-tag);background-color:var(--input-background);font-size:1.9rem;color:var(--font-color-500);transition:border-color .25s ease;will-change:border-color}input[type=text]:valid,input[type=email]:valid,textarea:valid{background:var(--input-background) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFb0lEQVRogc2ZXYhUZRzGf8+wMyyLiMgiISIhEhIh0kVQxB6JLkTIvCgLSiGPWiAi+ckWISK2xCIiaqnMidCQvpHwIsKEs3hhXnQRIl6ELCEhIossIjJH9uninJkd1/k46467+9zsM2fe+Z//877P+38/VsxiBFHSDX4GVAD+i8Pig4ltNAN55UIQJQA7gDeAEnABOAO+EYelsWq7rplJLxdWAvuAudnnF8ErjQ6QigFm4QhkPb/ccEawvEGTh8DnwEnjW4VpzS4HjHuBbdjLmjTpAvYAR4Wen3UWElqNWSepBIAZ98k47zZeI7g3qywURMlzhj8F83L+ZHjWWCiIkl5gP3XJu+77xtyXZ4WAIKp0AevAq1JLpCm25gyDTs4KAaA+m72grPfrnf04txnFDIIvzbiAIEp6gE8lFkMe24DEb+Af4rD0cEYFBOUEYJOhL59tDDAK7I83le4AzJiAIEoKxquB3YIuUF03N+X3gN1xWLxWfTJzI2AvkrTV9kJXMxQ05fZD2+cN5+rDzNhCZtggeE3pTrP2UFITzjDoKHCnPs60L2TpXsevgv4ASk1W2om8YvmDobB0dmK8mbDQs6B9xulWoZVtMGn3c17op0bBplVAX7nSjf0+8Iqos0cLbnPdeDAOi5VGMad1DgitNnws05PTvHckDQBXmjWYthEIoqQX+TOJ+e1tQ+Z/nwPOxWFxrEFIYJoEBFFSAG+3tQJoaxsAm1ugg3FYHG0V+6lbqK9c6TKsk9mi/DXvLmJ7HBaH2zV8TEAQJSXj5UKLgGvAP62GsB0kloC3Ii0wTns4s0ojDlSAs+ALrSM3EBBESbdhA9Y2i17BDfBe4NKTCsDahnip9SI1zhHXga9AI3nC1wY12xX2G3YJusfjcRfzNvJQHJYalrJGyPY6a7B+lnLPtfvgN+OwlKv3IZvEQZTMwf4IvEfQnRYCV6fTPIvjoNVBlJTyBra9TKg/TT7PJpkx429BF/O+A6CQ3n6xEakfVFsdxwdHCJaCBw2v5wkalCtzJTYDK6oxxtGMcwU4Otn5VgA2GA8AvRO/rOufgtFS4McgSta0HQmxzmYL6Y1ae5ibwEHB1dyZVxMDNgt6wGDXZV6zUI0L9wBHgLVBubGIvihZDOqX1FOL185C4jRwIQ5zO/QRAV04TY9qNZhgoUc5i8EDiFUTgwXlpBu7H3tJXXvaWOia7cONLm7zChgAbjX6skm/FWyWYL4PysnabA6l64e8CeldJGzn2azfBLYNZcfDJxNgziMOALfbWah2PpUAd4MPY6oiXhDaLHterU0LCxnfB76mxUYtDwTQFyVzgI2Cw7TbHzk9HuFsBZWGgZ2YdyzekrOymbVpMQpDwPo4LP47ZQFVBFGyA+gnq0hND0h2bfXM+EOgq8HzZu8dAYI4LE666kzExN4uYw+CR9payI/wribPq5Lr3/EAfKQTyT8mIA6Lo0gnQINNq1AtqZy8/q+N8UXgm04kX/+GxxBEySeYnYj50NZCLTnjv7smKYzD4uVOCWg1YY9ZHAJGclioJQdjMybpKFOsOrkFxGFxVPYx4FAnLCRx0eb0VM4WjZDrjBREyR5gL2R2mqyFzFXDe0Obin93MnnIfyY+YXvQafmbnIXMCOJ4dlDpOHIJiMPiqOBLYAA7s0BOC4kLhu+GmtzrTBWTvlrsKye7hPcipYtdCwsBNyS9HIfF251L+VFM+lpF8imkAeM76edmFmJE0oGnmTw8gYA4LI0CpwT7m9oJxkC/AL92KM+mmNLtdFCubATtRywECq6J4HdJH+a515kqpnaxJZ0lrUzrgeWSxsB/gb6YjuShA/8fCKJKwWgBsAAzBr41lQPKZPE/aemVC6NTxPsAAAAASUVORK5CYII=) no-repeat calc(100% - 1.5rem) center;background-size:1.2rem}input[type=text]:focus,input[type=email]:focus,textarea:focus{border:1px solid #30303f}textarea{height:16.1rem;padding-block:1rem;resize:none}input[type=submit]{width:100%;height:5rem;line-height:5.1rem;border-radius:var(--border-radius-button);background-color:var(--theme-color-800);font-size:1.8rem;font-weight:600;color:#fff}.submit{margin-top:2.4rem}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:hsl(from var(--font-color-900) h s l / 70%)}input:-moz-placeholder,textarea:-moz-placeholder{color:hsl(from var(--font-color-900) h s l / 70%)}input::-moz-placeholder,textarea::-moz-placeholder{color:hsl(from var(--font-color-900) h s l / 70%)}input::placeholder,textarea::placeholder{color:hsl(from var(--font-color-900) h s l / 70%)}.social{margin-top:5rem}.social li{width:5.2rem;height:5.2rem;border:1px solid #272637;border-radius:var(--border-radius-circle);background-color:#1c1b2c;transition:all .25s ease}.social li a{display:grid;place-items:center;width:100%;height:100%}.social li a svg{display:block;color:var(--font-color-500)}.social li:hover{border:1px solid #30303f}.contact__notification{position:fixed;inset:2rem 0 auto 0;width:100%;height:5rem;justify-content:center}.contact__notification div{position:relative;width:min(100% - 40px,340px);height:5rem;border-radius:var(--border-radius-button);background-color:#8a19fa;translate:0 -.8rem;opacity:0;animation:show .4s forwards 1s ease}.contact__notification div p{margin-left:2.8rem;line-height:5.1rem;font-size:1.8rem;font-weight:500;color:#fff;letter-spacing:-.2px;-webkit-user-select:none;user-select:none}.contact__notification div span{position:absolute;inset:0 0 auto auto;width:5rem;height:5rem;padding:.6rem;border-radius:var(--border-radius-circle);display:grid;place-items:center;cursor:pointer}.contact__notification div span svg{position:relative;top:.1rem;color:#fff}@keyframes show{to{translate:0 0;opacity:1}}.reveal{opacity:0;translate:0 2rem;transition:all .75s ease}.reveal.visible{opacity:1;translate:0 0}footer{height:8rem;text-align:center}footer p{line-height:8rem;font-size:1.7rem;font-weight:600;color:hsl(from var(--font-color-900) h s l / 75%)}footer p svg{position:relative;display:inline}footer p .copy{top:.1rem}footer p .eye{top:.3rem}footer .visits{opacity:0;animation:slide .25s ease forwards}@keyframes slide{to{opacity:1}}@media screen and (max-width: 840px){body{--negative-margin: -200px}.container{width:min(100% - 40px,700px);margin-inline:auto}.hero__heading h2{font-size:7rem}aside{display:none}article{flex:0 0 100%;max-width:100%}article figure{display:flex}.projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonials{padding-block:7.5rem 5rem}.carousel{padding:2rem 3rem;pointer-events:all}.carousel li{flex:0 0 calc(50% - 2.75rem);max-width:calc(50% - 2.75rem)}.scroll{scroll-padding:0 3rem}.navigation{display:none}}@media screen and (max-width: 640px){.section-title h3{font-size:3.8rem}.about__content{margin-top:3.5rem}.projects__grid{margin-top:4.2rem}.carousel-container{margin-top:1.5rem}.carousel{padding:2rem}.carousel li{flex:0 0 calc(100% - 3.5rem);max-width:calc(100% - 3.5rem)}.scroll{scroll-padding:0 2rem}}@media screen and (max-width: 480px){body{--negative-margin: -357px}header{height:8rem}.page-title h1{font-size:2.2rem;translate:0 -.1rem}.small{height:3.5rem;line-height:3.6rem;padding-inline:1.6rem;font-size:1.6rem}.hero__content{height:calc(100svh - 16rem)}.hero__heading h2{font-size:5.5rem}.hero__heading h4{font-size:2rem}.hero__footer{height:8rem}.hero__footer p{line-height:8rem}.about{padding-block:6.9rem 6.8rem}.skills{padding-block:6.1rem 6rem}.projects{padding-block:6.9rem 6.8rem}.testimonials{padding-block:6.9rem 4.5rem}.contact{padding-block:6.9rem 4.2rem}.about__content{flex-direction:column-reverse}.about__content aside{margin-block:4.3rem .7rem;flex:0 0 100%;max-width:100%;height:30rem}.about__content aside img{width:20rem;height:20rem}.about__content article{flex:0 0 100%;max-width:100%}.scroller{-webkit-mask:none;mask:none}.projects__grid{grid-template-columns:repeat(1,minmax(0,1fr))}}