main{height:100%}header{min-width:100%;position:absolute}.main-nav{z-index:1000;justify-content:space-between;width:100%;margin-top:1em;transition:top 1s ease-in-out;display:flex;position:fixed;top:-100px;overflow-x:hidden}.logo-icon{fill:var(--clr-primary-100);margin-left:2em;margin-block:1.1em}.nav-bar{flex-direction:row;padding:1em 2em}.nav-list{gap:2em;display:flex}.nav-btn{text-decoration:none}.nav-btn:visited,.nav-btn:link{color:currentColor}.nav-btn:hover,.nav-btn:focus{color:var(--clr-accent-200);text-shadow:0px 0px 1.8em var(--clr-accent-trn-200), 0px 0px 1.8em var(--clr-accent-trn-200), .5em 0px 1.4em var(--clr-accent-trn-200), .5em 0px 1.4em var(--clr-accent-trn-200)}.mobile-nav-toggle{display:none}.title-container{margin-top:max(22.5svh, calc(var(--container-min-height)*.175));flex-direction:column;flex-shrink:0;justify-content:center;max-width:95%;height:3.5em;padding-inline:.5em;display:flex}.header-wrapper{border:2px solid var(--clr-accent-trn-200)}.header-wrapper:hover,.header-wrapper:focus{border-color:var(--clr-accent-200);box-shadow:0 0 .2em 0 var(--clr-accent-trn-200), inset 0 0 .2em 0 var(--clr-accent-200), 0 0 .2em 0 var(--clr-accent-trn-200), inset 0 0 .2em 0 var(--clr-accent-200);& .header{color:var(--clr-accent-200);text-shadow:.05em .05em 1em var(--clr-accent-200), -.05em -.05em 1em var(--clr-accent-200), .12em .12em .4em var(--clr-accent-200), -.12em -.12em .4em var(--clr-accent-200)}}.enlightened-title{border-color:var(--clr-accent-200);box-shadow:0 0 .2em 0 var(--clr-accent-trn-200), inset 0 0 .2em 0 var(--clr-accent-200), 0 0 .2em 0 var(--clr-accent-trn-200), inset 0 0 .2em 0 var(--clr-accent-200);& .header{color:var(--clr-accent-200);text-shadow:.05em .05em 1em var(--clr-accent-200), -.05em -.05em 1em var(--clr-accent-200), .12em .12em .4em var(--clr-accent-200), -.12em -.12em .4em var(--clr-accent-200)}}.subtitle-container{margin-top:max(3svh, calc(var(--container-min-height)*.03))}.socials{margin-top:max(6px, calc(max(6svh, calc(var(--container-min-height)*.06)) - var(--fs-primary-header)));position:absolute;left:0}.social-icon{fill:var(--clr-primary-100);margin-block:.5rem}.social-icon:hover,.social-icon:focus{fill:var(--clr-accent-200);filter:drop-shadow(0px 0px 1em var(--clr-accent-200))}.contact-button{margin-top:max(10px, calc(max(20svh, calc(var(--container-min-height)*.2)) - var(--fs-primary-header)))}.main-arrow{background-color:var(--clr-primary-100);opacity:0;height:5%}@media (width<=47rem){.main-nav{position:absolute;top:0}.nav-bar{z-index:1000;width:100%;transition:top .3s;position:fixed;top:-100px}.nav-list{backdrop-filter:blur(1em);z-index:1000;background:#0000001a;flex-direction:column;padding:min(30vh,10rem) 2em;transition:all .35s ease-out;position:fixed;inset:0 0 0 30%;transform:translate(100%)}.nav-list[data-visible=true]{transform:translate(0%)}.mobile-nav-toggle{z-index:9999;aspect-ratio:1;cursor:pointer;background:url(/static/images/menu-open.svg) no-repeat;border:0;width:2rem;display:block;position:absolute;top:2rem;right:2rem}.title-container{margin-top:calc(max(20svh, calc(var(--container-min-height)*.2)))}.header{width:min-content}.subtitle-container{margin-top:calc(max(10svh, calc(var(--container-min-height)*.1)))}.mobile-nav-toggle[area-expanded=true]{background-image:url(/static/images/menu-close.svg)}.contact-button{margin-top:calc(max(30svh, calc(var(--container-min-height)*.3)) - var(--fs-primary-header))}.socials{margin-top:max(10svh, calc(var(--container-min-height)*.1))}}.carousel-track-container,.carousel-track,.carousel-slide,.project{height:100%}.carousel{width:100%;height:100%;margin:0 auto;position:relative}.mask-container{width:100%;height:100%;position:relative;-webkit-mask:linear-gradient(90deg,#0000,#000 35% 65%,#0000);mask:linear-gradient(90deg,#0000,#000 35% 65%,#0000)}.carousel-track-container{position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.carousel-track{list-style:none}.carousel-slide{justify-content:center;align-items:center;width:475px;height:100%;display:flex}.featured div:first-child{background:#fac23233}.featured h2{color:var(--clr-accent-200);text-shadow:.05em .05em 1em var(--clr-accent-200), -.05em -.05em 1em var(--clr-accent-200), .12em .12em .4em var(--clr-accent-200), -.12em -.12em .4em var(--clr-accent-200)}.carousel-btn{cursor:pointer;background:0 0;border:0;height:100%;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover,.carousel-btn:focus{background-color:#0000001a}.carousel-btn>svg path{fill:#fff}.carousel-left{left:0}.carousel-right{z-index:999;right:0}.carousel-nav{justify-content:center;padding-block:1em;display:flex}.carousel-indicator{cursor:pointer;background:#ffffff4d;border:0;border-radius:50%;width:20px;height:20px;margin:0 10px}.current-slide-indicator{background-color:#ffffffb3}.project{-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#fff0);border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;justify-content:space-evenly;width:450px;padding-block:2em;display:flex;scale:.8;box-shadow:0 8px 32px #0000005e}.current-slide{transition:all .5s;scale:1.2}.project-card{background:#0003;width:100%;height:35%;margin-top:15px}.project-img{opacity:.9;border-radius:10px;width:auto;height:100%;margin-inline:auto}.project-btns{flex-wrap:wrap;justify-content:center;gap:15px;min-width:95%;margin-top:1rem;display:flex}.project-btns>*{flex-shrink:0;height:35px}.project-btns button{text-transform:lowercase}.btn-default{cursor:pointer;white-space:nowrap;background:0 0;border:none;width:auto;min-width:120px;padding-inline:14px}.project-description{width:90%;max-height:40%}.projects-end{height:10%}@media (width<=47em){.project{width:max(350px,55vw)}.mask-container{-webkit-mask:none;mask:none}}.skills-wrapper{height:100%;position:relative}.side-bar{width:120px;padding-top:max(7vh, calc(var(--container-min-height)*.07));padding-bottom:max(5svh, calc(var(--container-min-height)*.05));flex-direction:column;justify-content:space-between;position:absolute;top:5%;bottom:20%}.skills-menu{grid-template-columns:repeat(2,1fr);grid-auto-flow:row;width:350px;margin-top:20px;display:grid}.skills-menu-btn{flex-direction:column;display:flex}.btn-skills{width:max(15svw, calc(var(--container-min-height)*.2));border-radius:25px;max-width:40vw;height:15px}.right-bar{right:min(-120px,max(-13vw,-200px))}.right-bar>*{transform:rotate(90deg)}.left-bar{left:min(-120px,max(-13vw,-200px))}.left-bar>*{transform:rotate(270deg)}.skills-container{box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--clr-accent-trn-200) transparent;grid-template-columns:repeat(2,1fr);justify-content:center;gap:10px;width:min(92vw,296px);max-height:590px;margin-top:24px;padding:10px 8px;display:grid;overflow:hidden auto}.skills-container::-webkit-scrollbar{width:6px}.skills-container::-webkit-scrollbar-track{background:#0003;border-radius:10px}.skills-container::-webkit-scrollbar-thumb{background:var(--clr-accent-trn-200);border-radius:10px}.skills-container::-webkit-scrollbar-thumb:hover{background:var(--clr-accent-200)}.center-bar{flex-direction:row;justify-content:space-between;gap:5px;margin-top:30px;display:flex}.skill-card{aspect-ratio:1.25;-webkit-perspective:1000px;perspective:1000px;cursor:pointer;user-select:none;background:0 0;border:none;outline:none;width:100%;min-width:120px;max-width:155px;height:auto;margin:0 auto;padding:0;display:block}.skill-card:focus-visible .skill-card-inner{outline:2px solid var(--clr-accent-200);outline-offset:3px}.skill-card-inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;border-radius:40px;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.skill-card.is-flipped .skill-card-inner{transform:rotateY(180deg)}.skill-card-front,.skill-card-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem .75rem;transition:border-color .25s,box-shadow .25s;display:flex;position:absolute;inset:0}.skill-card-front{background-color:var(--clr-bg-mid);gap:.35rem;transform:rotateY(0)}.skill-card:hover .skill-card-front{border-color:var(--clr-accent-trn-200);box-shadow:0 0 16px var(--clr-accent-trn-200)}.skill-card-front .skills-icon{object-fit:contain;flex-shrink:0;width:36px;max-width:45%;height:36px;max-height:45%}.skill-card-front .skill-name{color:var(--clr-accent-900);text-align:center;word-break:normal;margin:0;font-size:clamp(.68rem,.95vw,.82rem);line-height:1.2}.skill-card-back{background-color:var(--clr-bg-dark);border:2px solid var(--clr-accent-200);box-shadow:0 0 16px var(--clr-accent-trn-200), inset 0 0 10px #fac2321f;padding:.6rem .85rem;transform:rotateY(180deg)}.skill-card.is-flipped:hover .skill-card-back{box-shadow:0 0 22px var(--clr-accent-200), inset 0 0 14px #fac23233}.skill-back-details{color:var(--clr-primary-100);opacity:.95;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding-inline:.25rem;font-size:clamp(.62rem,.82vw,.74rem);line-height:1.3;display:flex}.skills{flex-direction:row;justify-content:center;min-width:100%;height:auto;min-height:max(100svh,800px);display:flex}.skills-content .downwards-arrow{height:max(6svh,30px)}.skills-description{max-width:calc(max(50vw,450px))}.btn-check{color:var(--clr-accent-200);border:.2em solid var(--clr-accent-trn-200);background:0 0}.btn-check:before{background:var(--clr-accent-200)}.btn-check:after{box-shadow:0 0 2em .5em var(--clr-accent-200)}.btn-check:not(.btn-check--checked):focus,.btn-check:not(.btn-check--checked):hover{border-color:var(--clr-accent-200);text-shadow:0 0 .6em #fff6,0 0 .95em;box-shadow:0 0 .5em 0 var(--clr-accent-200), inset 0 0 .5em 0 var(--clr-accent-200)}.btn-check--checked,.btn-check--checked:focus{color:var(--clr-accent-200);background:var(--clr-accent-200);border-color:var(--clr-accent-200);text-shadow:0 0 .6em #fff6,0 0 .95em;box-shadow:0 0 .5em 0 var(--clr-accent-200), inset 0 0 .5em 0 var(--clr-accent-200)}.btn-check--checked:before{background:var(--clr-accent-200)}.btn-check--checked:after{box-shadow:0 0 2em .5em var(--clr-accent-200)}.btn-check.btn-check--checked:focus{color:var(--clr-accent-200);background:var(--clr-accent-200);border-color:var(--clr-accent-200);text-shadow:0 0 .6em #fff6,0 0 .95em;box-shadow:0 0 .5em 0 var(--clr-accent-200), inset 0 0 .5em 0 var(--clr-accent-200)}.btn-check--checked:after,.btn-check--checked:before{opacity:1}.skills{position:relative}.skills-icon{fill:#000;stroke:#000;width:50%;height:50%}.end-bar{border-color:var(--clr-accent-trn-200);border-radius:360px;width:95%;height:2px;padding:0;position:absolute;bottom:5%}.about{background-image:linear-gradient(var(--clr-bg-dark) 65%, #050505b3 20%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='707' height='707' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23404' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%233A003A'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");justify-content:center;position:relative}.trapezium{width:min(97%,900px);height:max(20svh, calc(var(--container-min-height)*.2));z-index:1;clip-path:polygon(21% 0,81% 0,100% 10%,0 10%);background-color:var(--clr-accent-200);filter:blur(500px);position:absolute}.trapezium-1{top:0}.trapezium-2{top:max(13svh, calc(var(--container-min-height)* .13))}.triangle{z-index:0;width:min(97%,900px);height:75%;position:absolute;top:0}.triangle-bar{background:var(--clr-accent-trn-200);width:100%;height:5px;box-shadow:0px 0px 1em .3em var(--clr-accent-trn-200), 1.5px 0px 3em .3em var(--clr-accent-trn-200);border:2px;position:absolute;top:0}.triangle-up{overflow:hidden}#triangle1{top:max(2svh, calc(var(--container-min-height)*.02))}#triangle2{top:max(15svh, calc(var(--container-min-height)*.15));background-color:var(--clr-bg-dark)}#triangle2:after{pointer-events:none;content:"";filter:blur(5em);opacity:.7;background:var(--clr-accent-trn-200);border-radius:360px;height:100%;position:absolute;top:50%;left:35%;right:35%;transform:perspective(15em)rotateX(85deg)scaleY(.1)}.about-main{margin-top:max(2svh, calc(var(--container-min-height)*.02));z-index:1;width:calc(min(80%,680px));height:fit-content;padding:max(15svh, calc(var(--container-min-height)*.15)) 0;max-height:max(90svh, calc(var(--container-min-height)*.8));border-radius:360px;place-content:center}.description{width:75%;max-height:max(50svh, calc(var(--container-min-height)*.5));flex-shrink:0;margin-top:2rem;overflow:auto}.contact{background-color:var(--clr-bg-dark);background-image:linear-gradient(#050505b3,#05050500 85%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='707' height='707' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23404' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%233A003A'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");justify-content:center}.wrapper{padding-top:2em;padding-bottom:3em;background:var(--clr-bg-dark);box-shadow:0 0 50px var(--clr-accent-trn-200);border-radius:20px;width:90%;min-width:260px;max-width:28em;padding-inline:max(7%,1em);position:relative}.form-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.contact-form{width:100%}.input-group{border-bottom:2px solid var(--clr-primary-100);flex-grow:0;width:100%;margin:2em 0;position:relative}.input-group label{pointer-events:none;transition:all .5s;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.border-container{position:relative}.message{border:none;margin-block:3em}.message label{top:1em}.input-group textarea{border:2px solid var(--clr-primary-100);width:100%;height:8em}.input-group input{border:none;width:100%;height:2em}.input-group input,.input-group textarea{color:var(--clr-primary-100);background:0 0;outline:none;padding:0 5px}.input-group input:focus~label,.input-group input:valid~label,.input-group input.has-text~label{color:var(--clr-primary-100);font-size:.85em;top:-5px}.input-group textarea:focus~label,.input-group textarea:valid~label,.input-group textarea.has-text~label{color:var(--clr-primary-100);font-size:.85em;top:-1em}.first-input{margin-top:1em}.contact-btn{background:0 0;width:100%;position:relative}.captcha-container{width:100%;margin:1.5em 0 2em}.captcha-btn{border:2px solid var(--clr-accent-trn-200);width:100%;color:var(--clr-primary-100);cursor:pointer;text-align:left;background:#00000059;border-radius:8px;align-items:center;gap:.8em;padding:.7em 1em;transition:all .3s;display:flex}.captcha-btn:hover:not(.captcha-verified){border-color:var(--clr-accent-200);box-shadow:0 0 10px var(--clr-accent-trn-200)}.captcha-checkbox{border:2px solid var(--clr-accent-200);width:22px;height:22px;color:var(--clr-accent-200);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:1;transition:all .2s;display:flex}.captcha-checkbox.checked{background:var(--clr-accent-200);color:#000;box-shadow:0 0 10px var(--clr-accent-200)}.captcha-btn.captcha-verified{border-color:var(--clr-accent-200);cursor:default}.captcha-text{font-size:.9em}@media (width>=47rem){.skills{height:auto;min-height:max(100svh,800px)}.center-bar{gap:15px;margin-top:20px}.btn-skills{width:max(20svh, calc(var(--container-min-height)*.2));border-radius:25px;min-width:180px;height:15px}.little{display:none}.big{display:flex}.skills-container{grid-template-columns:repeat(auto-fit,min(200px,max(11vw,155px)));justify-content:center;gap:40px max(2.5vw,20px);width:70vw;max-width:none;max-height:none;margin-top:50px;padding:0;overflow:visible}.skill-card{width:max(11vw,155px);min-width:auto;max-width:200px}.skills-content .downwards-arrow{height:20svh}.skills-description{max-width:50vw}.end-bar{width:50%;height:.5%;bottom:10%}.about-main{margin-top:max(5svh, calc(var(--container-min-height)*.05));width:calc(min(70%,550px))}.wrapper{padding-inline:3em}}.enlightened{border-color:var(--clr-accent-200)}.enlightened:after,.enlightened:before{opacity:1}.enlightened-text{color:var(--clr-accent-200);text-shadow:.05em .05em 1em var(--clr-accent-200), -.05em -.05em 1em var(--clr-accent-200), .12em .12em .4em var(--clr-accent-200), -.12em -.12em .4em var(--clr-accent-200)}.footer{font-size:var(--fs-txt);background:var(--clr-bg-dark);flex-direction:column;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.icons{align-items:center;height:30px;margin-top:3em;margin-bottom:1em;display:flex}.footer-icon{width:40px;height:40px;margin-inline:1rem}.footer-nav{height:30px;margin-top:20px}.footer-btns{flex-direction:row;gap:20px;padding-inline:20px;list-style:none;display:flex}.copyright{background:var(--clr-bg-mid);justify-content:center;align-items:center;width:100%;height:3em;margin-top:1em;margin-bottom:0;display:flex}.flash-message{font-weight:var(--fw-semi-bold)}.flash-message.error{color:#ff4d4d}