@keyframes reverseLooneyTunes{0%{scale:0}to{scale:1}}.wgrobot__container{display:flex;align-items:center;justify-content:center;position:fixed;width:clamp(325px,100vw,800px);height:clamp(325px,100vw,800px);transition:transform .6s ease-in-out;background:radial-gradient(circle at center,purple -30%,#05072400 60%);z-index:2;pointer-events:none}.wgrobot{width:30%;height:30%;display:flex;justify-content:center;z-index:2;cursor:pointer;clip-path:ellipse(50% 55% at 50% 50%);animation:fadeIn 1.5s ease-in forwards;pointer-events:all}.chat__container{font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;transform:translate(-35%) translateY(-20%);z-index:1;width:100%;height:clamp(320px,75%,480px);transition:opacity .5s ease;pointer-events:all;left:0}.chat__container--close{position:absolute;scale:clamp(1.1,1.1,1.5);right:0;top:35%;cursor:pointer}.answer__container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;transform:translate(-10%)}.answer__blob{aspect-ratio:1/1;width:clamp(220px,65vw,400px);position:absolute;z-index:-1;animation:reverseLooneyTunes .35s ease forwards}.answer__text{overflow:hidden;overflow-y:hidden;font-weight:400;overflow-y:scroll;color:#fff;text-shadow:1.5px 1.5px 1.5px #000;position:absolute;width:clamp(100px,35vw,195px);height:clamp(100px,15vh,170px);text-align:center;font-size:clamp(13.25px,2.5vw,16px);scrollbar-width:none;-ms-overflow-style:none;z-index:1;animation:reverseLooneyTunes .35s ease forwards}.answer__text::-webkit-scrollbar{display:none}.textarea__container{width:clamp(200px,65vw,400px);transform:translate(-5%) translateY(25%);height:fit-content;display:flex;align-items:flex-end;font-size:Montserrat,sans-serif;position:absolute;bottom:0;pointer-events:all;gap:1rem}.textarea__input{width:100%;min-height:.8rem;padding-top:10px;padding-bottom:10px;line-height:.8rem;max-height:3.2rem;overflow-y:auto;scrollbar-width:none;background-color:#b9c7d2;border-radius:999px;border:none;color:#000;font-weight:700;font-size:clamp(13.25px,2.5vw,14px);font-family:Montserrat;letter-spacing:.1px;word-wrap:break-word;white-space:pre-wrap;padding-inline:12px;transition:border-radius .25s ease,height .25s ease;resize:none}.textarea__input:focus{outline:none}.textarea--expanded{border-radius:18px}.textarea__line::-webkit-scrollbar{display:none}.textarea__container button{border-radius:50%;aspect-ratio:1/1;display:flex;align-self:flex-end;padding:0;background-color:#5e005e;border:none;color:#b9c7d2;align-items:center;justify-content:center;width:clamp(2.15rem,5vh,3rem);font-size:clamp(16px,1.75vh,20px);transition:background-color .25s ease}.textarea__container button:hover{cursor:pointer;background-color:#7a007a}@media (min-width: 600px){.textarea__container{transform:translate(-10%)}}@media (min-width: 1024px){.wgrobot__container{width:clamp(500px,65vw,900px);height:clamp(500px,65vw,900px)}.answer__blob{width:clamp(250px,60vh,480px)}.textarea__container{transform:translate(-15%) translateY(100%)}.answer__text{width:clamp(190px,65vw,195px);height:clamp(160px,20vh,220px)}}.mainInfo{position:relative;margin-top:clamp(5%,5vh,15%);z-index:1;width:70%;margin-left:clamp(5%,10vw,15%);min-height:100vh}.mainInfo__info{height:70vh;width:80%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.mainInfo__info::-webkit-scrollbar{display:none}.mainInfo__info p{font-size:clamp(13px,.5rem + 2vw,17.5px)}.mainInfo__title h1{font-weight:600;font-size:clamp(2.2rem,5vw,4.3rem);margin-bottom:-1rem}.mainInfo__title h2{font-weight:400;font-size:clamp(1.5rem,.5rem + 2.8vw,2.8rem);width:max-content;margin-bottom:clamp(2.5rem,5vw,3rem)}.mainInfo h3{width:fit-content;font-weight:400;font-size:clamp(1.1rem,.3rem + 3.5vw,1.8rem);margin-bottom:clamp(8px,2vw,1.5rem)}@media (min-width: 320px){.mainInfo__info{height:40vh}}@media (min-width: 360px){.mainInfo__info{height:50vh}}@media (min-width: 1024px){.mainInfo__info{height:40vh}.mainInfo__title h1{margin-bottom:-2rem}}h2,h3,h4{font-family:Montserrat,sans-serif;width:70%}.timeline{position:relative;margin:0 0 17% 15%;z-index:1;width:65vw}.timeline h2{font-size:clamp(2rem,.5rem + 2.8vw,2.8rem);margin-bottom:10%}.timeline h3{font-size:clamp(1rem,3.5vw,1.7rem);margin:0}.timeline__item--header{display:flex;align-items:center;margin-bottom:15px;width:fit-content;gap:10px}.timeline h4{font-size:clamp(.9rem,3vw,1.3rem);margin:5px 0;width:max-content}.timeline h5{font-size:clamp(.9rem,3vw,1.1rem);margin:5px 0 15px}.timeline__item p{font-size:clamp(13px,.5rem + 2vw,17.5px)}.timeline__dot{width:clamp(10px,3.5vw,22px);height:clamp(10px,3.5vw,22px);transform:translate(-50%) rotate(45deg);background-color:#0fc1d8;position:absolute;left:-15%;top:clamp(15%,30vw,30%);z-index:2}.timeline__item{position:relative}.timeline__item:before{content:"";position:absolute;width:clamp(1px,.15vw,2px);height:100%;background-color:#e0e0e0;left:-15%;transform:translate(-50%);z-index:1}.timeline__description{height:clamp(220px,80vw,500px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.timeline__description::-webkit-scrollbar{display:none}@media (min-width: 1024px){.timeline{width:55vw}}@media (min-width: 1920px){.timeline{width:60vw}}.callToAction{position:relative;z-index:1;width:65vw;margin:0 0 17% 15%}.callToAction h2{font-size:clamp(1.5rem,5.5vw,3rem);margin-bottom:10%}.callToAction p{font-size:clamp(13px,.5rem + 2vw,17.5px)}.callToAction__options{display:flex;justify-content:center;margin-top:20%;gap:clamp(1rem,5vw,4rem)}.callToAction__button{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;width:clamp(10rem,17vw,12rem);height:clamp(2rem,8vw,3.1rem);font-size:clamp(13px,3vw,17.5px);text-align:center;color:#e0e0e0cc;border:1px solid #0fc1d8;background-color:#e0e0e042;border-radius:30px;box-shadow:0 0 clamp(10px,1vw,15px) #8c37ac;transition:all .1s ease;font-family:Roboto Mono,sans-serif;cursor:pointer}.callToAction__button:before{content:"";position:absolute;left:-10dvh;width:0;height:clamp(2rem,8vw,4rem);background-color:silver;transition:.2s ease-out;z-index:-1}.callToAction__button:hover{color:#242424;border:1px solid transparent}.callToAction__button:hover:before{width:200%}@media (min-width: 1024px){.callToAction{width:55vw}}@media (min-width: 1280px){.callToAction__options{margin-top:15%}}.projects__container{position:relative;z-index:1;width:65vw;margin:0 0 17% 15%}.projects__container h2{margin-bottom:10%;font-size:clamp(1.5rem,5.5vw,3rem)}.projects__container p{font-size:clamp(13px,.5rem + 2vw,17.5px);margin-top:clamp(1rem,2vw,2rem)}.projects__row{display:flex;align-items:center;width:100%;margin-top:clamp(2.5rem,10vw,7rem);transition:all .3s ease}.projects__row--header{display:flex;align-items:center;margin-bottom:clamp(1px,1vw,15px);width:fit-content;gap:10px}.projects__image--container{position:relative;width:fit-content}.projects__image--container:after{content:attr(data-name);position:absolute;bottom:clamp(.5rem,1vw,1rem);left:0;font-size:clamp(12.5px,3vw,15px);color:#e0e0e0;opacity:0;transition:opacity .2s ease-in-out}.projects__image--container:hover:after{opacity:1}.projects__img{width:clamp(190px,65vw,450px);height:clamp(120px,45vw,250px);box-shadow:6.5px 6.5px 2px #a7a7a780;border-radius:3px;transition:all .3s ease;cursor:pointer;margin-top:clamp(20px,3vw,30px);margin-bottom:clamp(40px,4vw,55px)}.projects__link{display:inline-block}.projects__title{font-size:clamp(1rem,3.5vw,1.6rem);margin:0;white-space:nowrap}.projects__subtitle{font-size:clamp(1rem,3.5vw,1.6rem);margin:0}.projects__description{font-size:clamp(13px,.5rem + 2vw,17.5px);max-height:clamp(220px,42vw,600px);overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.projects__url2{font-size:clamp(13px,.5rem + 2vw,16px);position:relative;top:1rem;transition:color .2s ease}.projects__url2:hover{text-decoration:none;color:var(--color-text)}.projects__description::-webkit-scrollbar{display:none}@media (min-width: 1024px){.projects__container{width:55vw}}@media (min-width: 1920px){.projects__container{width:60vw}}:root{--circle-size: clamp(250px, 40vw, 600px);--circle-radius: clamp( calc(var(--circle-size) / 4.5), 10vh, calc(var(--circle-size) / 3.5) );--logo-size: clamp(42px, 8vw, 75px);--js-logo-size: clamp(34px, 6vw, 60px);--git-logo-size: clamp(74px, 4.5vw, 60px);--ts-logo-size: clamp(34px, 6vw, 60px);--button-size: clamp(35px, 10vw, 80px);--title-size: clamp(1.3rem, 2vw, 28px);--text-size: clamp(13px, 1.1vw, 16px);--label-size: clamp(13px, 4vw, 18px)}.skills__circles--container{position:relative;margin:0 0 12% 15%;z-index:1;width:clamp(60%,70%,70%)}.skills__circles--container h2{font-weight:600;font-size:clamp(1.5rem,5.5vw,3rem);margin-bottom:10px}.skills__circles--container h3{font-size:clamp(13px,.5rem + 2vw,26px)}.skills__circles--container p{font-size:clamp(13px,.5rem + 2vw,17.5px)}.skills__circles--subcontainer{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;margin-top:clamp(2rem,10vw,4rem)}.skills__circles--wrapper{display:flex;width:300%;gap:0;transition:transform .75s ease}.skills__circles--Front,.skills__circles--Back,.skills__circles--Tools{flex:0 0 100%;display:flex;justify-content:center;text-align:center}.skills__circles--logosFront,.skills__circles--logosBack,.skills__circles--logosTools{position:relative;margin-left:-5rem;margin-right:-5rem;width:var(--circle-size);height:var(--circle-size);border-radius:50%;display:flex;justify-content:center;align-items:center}.skills__circles--logo{position:absolute;display:flex;justify-content:center;align-items:center}.skills__circles--logo:after{content:attr(data-name);z-index:1;position:absolute;top:calc(var(--logo-size) / 1.5);font-size:var(--label-size);letter-spacing:.5px;font-family:Montserrat,sans-serif;font-weight:500;opacity:0;transition:opacity .2s .3s ease-out}.skills__circles--logo img{position:absolute;width:var(--logo-size);height:var(--logo-size);filter:saturate(.3);transition:ease-in-out .3s}.skills__circles--logo img[alt=JavaScript]{width:var(--js-logo-size);height:var(--js-logo-size)}.skills__circles--logo img[alt=Git]{width:var(--git-logo-size);height:var(--git-logo-size)}.skills__circles--logo img[alt=TypeScript]{width:var(--ts-logo-size);height:var(--ts-logo-size)}.skills__circles--logo:hover img{filter:saturate(1)}.skills__circles--logo:hover:after{opacity:1}.skills__circles--logosFront div:nth-child(2){transform:rotate(0) translateY(calc(var(--circle-radius) * -1))}.skills__circles--logosFront div:nth-child(3){transform:rotate(60deg) translateY(calc(var(--circle-radius) * -1)) rotate(-60deg)}.skills__circles--logosFront div:nth-child(4){transform:rotate(120deg) translateY(calc(var(--circle-radius) * -1)) rotate(-120deg)}.skills__circles--logosFront div:nth-child(5){transform:rotate(180deg) translateY(calc(var(--circle-radius) * -1)) rotate(-180deg)}.skills__circles--logosFront div:nth-child(6){transform:rotate(240deg) translateY(calc(var(--circle-radius) * -1)) rotate(-240deg)}.skills__circles--logosFront div:nth-child(7){transform:rotate(300deg) translateY(calc(var(--circle-radius) * -1)) rotate(-300deg)}.skills__circles--logosBack div:nth-child(2){transform:rotate(0) translateY(calc(var(--circle-radius) * -1))}.skills__circles--logosBack div:nth-child(3){transform:rotate(60deg) translateY(calc(var(--circle-radius) * -1)) rotate(-60deg)}.skills__circles--logosBack div:nth-child(4){transform:rotate(120deg) translateY(calc(var(--circle-radius) * -1)) rotate(-120deg)}.skills__circles--logosBack div:nth-child(5){transform:rotate(180deg) translateY(calc(var(--circle-radius) * -1)) rotate(-180deg)}.skills__circles--logosBack div:nth-child(6){transform:rotate(240deg) translateY(calc(var(--circle-radius) * -1)) rotate(-240deg)}.skills__circles--logosBack div:nth-child(7){transform:rotate(300deg) translateY(calc(var(--circle-radius) * -1)) rotate(-300deg)}.skills__circles--logosTools div:nth-child(2){transform:rotate(0) translateY(calc(var(--circle-radius) * -1))}.skills__circles--logosTools div:nth-child(3){transform:rotate(90deg) translateY(calc(var(--circle-radius) * -1)) rotate(-90deg)}.skills__circles--logosTools div:nth-child(4){transform:rotate(180deg) translateY(calc(var(--circle-radius) * -1)) rotate(-180deg)}.skills__circles--logosTools div:nth-child(5){transform:rotate(270deg) translateY(calc(var(--circle-radius) * -1)) rotate(-270deg)}.skills__circles--buttons{position:absolute;width:100%;display:flex;justify-content:space-between;pointer-events:none}.skills__circles--buttons img{cursor:pointer;width:var(--button-size);opacity:.3;transition:opacity .5s ease;pointer-events:all}.skills__circles--buttons img:hover{opacity:1}.skills__circles--buttons img:last-child{transform:rotate(180deg)}@media (min-width: 600px){:root{--circle-radius: clamp( calc(var(--circle-size) / 3.5), 10vh, calc(var(--circle-size) / 2.5) )}}@media (min-width: 1024px){.skills__circles--container{width:55vw}}@media (min-width: 1920px){.skills__circles--container{width:60vw}.skills__circles--buttons{width:70%}:root{--circle-radius: clamp( calc(var(--circle-size) / 3), 10vh, calc(var(--circle-size) / 2) )}}.references__container{position:relative;margin:0 0 12% 15%;width:clamp(60%,60vw,70%);z-index:1}.references__container h2{font-size:clamp(1.5rem,5.5vw,3rem);margin-bottom:clamp(10px,2vw,5%)}.references__container h3{font-size:clamp(1rem,3.5vw,1.6rem);width:fit-content}.references__container h4{font-size:clamp(.9rem,3vw,1.3rem);margin:5px 0}.references__container h5{font-size:clamp(.9rem,3vw,1.3rem);margin:5px 0 15px}.references__container p{font-size:clamp(13px,.5rem + 2vw,17.5px)}.references__row{margin-top:clamp(30px,4vw,7rem)}.references__row hr{margin-bottom:23px}.references__content{max-height:clamp(220px,30vh,400px);overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.references__content::-webkit-scrollbar{display:none}@media (min-width: 1024px){.references__container{width:55vw}}@media (min-width: 1920px){.references__container{width:60vw}}@keyframes upDownBounce{0%{transform:translateY(0)}50%{transform:translateY(clamp(8px,1vw,14px))}to{transform:translateY(0)}}.downChevron__container{opacity:0;animation:fadeIn 1.15s ease 1.15s forwards!important;position:absolute;bottom:0;display:flex;justify-content:center;width:100%;z-index:2}.downChevron{opacity:.7;width:clamp(40px,2.5rem + 3vw,110px);animation:upDownBounce 3s ease-in-out .5s infinite}.fadeOut{animation:fadeOut .3s ease!important}.ResDownBtn__container{position:fixed;bottom:0;right:clamp(.5rem,1vw,7px);display:flex;justify-content:end;z-index:3;cursor:pointer;opacity:0;animation:fadeIn 1.15s ease-in forwards;transition:.35s ease}.ResDownBtn__container:before{content:attr(data-tooltip);position:relative;bottom:10px;right:10px;display:flex;align-items:end;font-size:clamp(12px,1.5vw,16px);color:#e0e0e0;opacity:0;transition:opacity .2s ease}.ResDownBtn__container:hover:before{opacity:1}.ResDownBtn__img{width:clamp(35px,12vw,80px);opacity:.7;transition:all .2s ease}.ResDownBtn__img:hover{transform:scale(1.1);opacity:1}.dataWidget{position:fixed;z-index:3;top:clamp(35%,50vh,50%);right:clamp(.5rem,1vw,7px)}.dataWidget__container{display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,1vw,1rem)}.dataWidget__button{cursor:pointer}.dataWidget__button img{width:clamp(38px,10vw,65px);height:clamp(38px,10vw,65px);opacity:.65;transition:all ease-in-out .2s}.dataWidget__button img:hover{transform:scale(1.1);opacity:1}.dataWidget__container a:nth-child(2) img{width:clamp(23px,7vw,45px);height:clamp(23px,7vw,45px)}@keyframes rippleEffect{0%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:.3}to{transform:scale(1.5);opacity:0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.clickRipple__container{width:70%;height:70%;position:absolute;display:flex;justify-content:center;align-items:center;z-index:1}.askme{position:absolute;bottom:50%;letter-spacing:1px;filter:drop-shadow(0 0 6px rgba(64,131,255,.8)) drop-shadow(0 0 14px rgba(120,180,255,.4));animation:float 3s ease-in-out infinite;opacity:0;transition:opacity .5s ease}.askme--visible{opacity:1}.askme text{font-size:clamp(13px,4vw,20px)}.ripple__first,.ripple__second{width:inherit;height:inherit;position:absolute;border-radius:50%;background:#0003}.ripple__first{animation:rippleEffect 1.5s ease forwards}.ripple__second{animation:rippleEffect 3s ease forwards}@media (min-width: 600px){.askme{bottom:65%}}.backgroundOverlay__container{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:2;background-color:#0000004d;-webkit-backdrop-filter:blur(3px) saturate(.6);backdrop-filter:blur(3px) saturate(.6);transition:opacity 1s ease-in-out}.footer__container{position:absolute;z-index:1;width:100%;height:20dvh;margin-top:clamp(6rem,10vw,20rem)}.footer__subcontainer{display:flex;flex-direction:column;justify-content:end;align-items:center;height:clamp(80%,85%,100%)}.footer__line{border:0;position:relative;height:2px;width:clamp(85%,88vw,90%);border-radius:50%;background-image:linear-gradient(to right,#e0e0e000,#e0e0e0bf,#e0e0e000);box-shadow:0 0 clamp(8px,1vw,15px) clamp(3px,.6vw,6px) #470355}.footer__text{font-size:clamp(.6rem,4vw,1rem);font-family:Montserrat,sans-serif;font-weight:500;margin-bottom:clamp(.8rem,1vw,1.2rem)}.footer__text--emoji{padding-left:5px}.langSwitch__container{position:fixed;top:clamp(8px,1vw,14px);right:clamp(8px,1vw,14px);z-index:2;opacity:.8;transform:scaleX(-1)}.langSwitch__dropDown{display:flex;flex-direction:column;justify-content:end;align-items:center;position:absolute;top:clamp(8px,1.5vw,16px);padding-bottom:5px;width:clamp(35px,6vw,45px);height:clamp(20px,1vw,30px);border-radius:30px;background:#2c2f4a;transition:height .2s ease;z-index:0}.langSwitch__option{display:flex;align-items:center;justify-content:center;gap:clamp(.3rem,.8vw,.5rem)}.langSwitch__option:hover .langSwitch__globe{transform:rotate(180deg)}.langSwitch__option:hover .langSwitch__current{opacity:1}.langSwitch__option:hover .langSwitch__dropDown{height:clamp(4.5rem,8vw,5.5rem)}.langSwitch__current{font-size:clamp(13px,1vw,14px);font-weight:700;opacity:.5;transition:opacity .25s ease;transform:scaleX(-1)}.langSwitch__globe--container{display:flex;justify-content:center;align-items:center;box-shadow:0 0 clamp(8px,1vw,14px) clamp(2px,.5vw,6px) #3e034e;border-radius:50%}.langSwitch__globe{width:clamp(35px,6vw,45px);position:relative;background:#2a0235;border-radius:50%;transition:transform .25s ease;z-index:1}.langSwitch__lang{width:clamp(26px,4vw,35px);height:clamp(26px,4vw,35px);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:opacity .2s ease;font-weight:500;border-radius:50%;opacity:.5;position:relative;z-index:1}.langSwitch__lang:hover,.langSwitch__lang:active{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.App{animation:fadeIn .8s}h1,h2,h3{font-family:Montserrat,sans-serif;color:#e0e0e0}h2{font-size:2rem}h3{font-size:1.3rem}p{font-family:Roboto Mono,monospace;color:silver;margin:0;line-height:1.65}.text-highlightB,.text-highlightA{font-weight:475}.text-highlightA{color:#df56ff}.text-highlightB{color:#0fc1d8}.fadeIn{animation:fadeIn .5s ease}.fadeOut{animation:fadeOut .3s ease}.hidden{display:none}hr{border:0;height:1px;background-image:linear-gradient(to right,#e0e0e000,#e0e0e0bf,#e0e0e000);margin-top:10%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#050724;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;-webkit-user-select:none;user-select:none;overflow:hidden auto}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}