@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";:root{--header-height: 5rem;--primary-color: hsl(354, 78%, 60%);--body-color: white;--text-color: #fff;--title-color: black;--body-font: "Poppins", sans-serif;--title-font: "Poppins", sans-serif;--large-font: 3rem;--big-font: 2rem;--medium-font: 1.5rem;--normal-font: 1rem;--small-font: .8rem;--tiny-font: .75rem;--Weight-tiny: 300;--Weight-normal: 400;--Weight-medium: 600;--Weight-bold: 700;--sp-0-5: .5em;--sp-0-75: .75em;--sp-1: 1em;--sp-1-5: 1.5em;--sp-2: 2em;--sp-2-5: 2.5em;--sp-3: 3em;--sp-5: 5em;--z-fixed: 1;--z-modal: 2}body{width:100vw;min-width:100vw;height:100vh;font-family:var(--body-font);font-size:var(--normal-font);font-weight:var(--Weight-normal);color:var(--tex-color);background-color:#fafafa;color:#000;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}#root{width:inherit;min-width:inherit;height:inherit}.principal{min-width:inherit;width:100vw;display:flex;flex-direction:column;align-items:center;gap:5em;height:100vh;transition:background-color .5s,color .5s}.darkmode{background-color:#000;color:#fff;transition:background-color .5s,color .5s}.content{width:inherit;min-width:inherit;height:auto;scroll-behavior:smooth}a{text-decoration:none;color:inherit}.header{width:100vw;position:fixed;left:0;top:0;z-index:4;display:flex;justify-content:center;align-items:center;transition:.6s;flex-wrap:wrap}.navbar{display:grid;height:4em;justify-content:center;align-items:center;width:100%;min-width:auto;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1em;background-color:#000}.navbar__name{position:relative;padding-left:1em}.navbar__name a{text-decoration:none;color:#43f}.navbar__name i{font-family:var(--body-font);font-size:var(--big-font);color:var(--body-color);font-weight:var(--Weight-medium)}.name__k{width:1.5em}.name__j{position:absolute;top:.5em;left:3em;width:1.3em}.navbar__list{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;font-size:1rem;font-family:var(--title-font);color:var(--tex-color)}.navbar__item{list-style:none;color:var(--tex-color)}.navbar__item a{text-decoration:none;color:var(--body-color)}.navbar__btn,.navbar__close{width:1em;color:#fff;display:none}@media (max-width: 768px){.nav__menu{position:fixed;top:4em;left:-100%;width:100%;height:calc(max-content - 4em);padding:1em 0 2em;z-index:1;transition:left .5s ease-in-out;background-color:#000}.show__navbar{position:fixed;top:4em;left:0;width:100%;height:calc(max-content - 4em);padding:1em 0 2em;transition:left .5s ease-in-out;background-color:#000}.navbar__list{display:flex;flex-direction:column}.navbar{display:grid;grid-template-columns:1fr 1fr}.header{width:100vw;height:4em;position:fixed;left:0;bottom:0}.navbar__btn{width:100%;display:flex;justify-content:end;padding-right:1.5em;font-size:2em;font-weight:100}.navbar__btn i{cursor:pointer}.navbar__close{display:flex;width:100vw;justify-content:end;padding-right:2em;font-size:1.5em}}.ui-switch{--switch-bg: rgb(135, 150, 165);--switch-width: 48px;--switch-height: 20px;--circle-diameter: 32px;--circle-bg: rgb(232, 89, 15);--circle-inset: calc((var(--circle-diameter) - var(--switch-height)) / 2)}.ui-switch input{display:none}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--switch-width);height:var(--switch-height);background:var(--switch-bg);border-radius:999px;position:relative;cursor:pointer}.slider .circle{top:calc(var(--circle-inset) * -1);left:0;width:var(--circle-diameter);height:var(--circle-diameter);position:absolute;background:var(--circle-bg);border-radius:inherit;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTkuMzA1IDEuNjY3VjMuNzVoMS4zODlWMS42NjdoLTEuMzl6bS00LjcwNyAxLjk1bC0uOTgyLjk4Mkw1LjA5IDYuMDcybC45ODItLjk4Mi0xLjQ3My0xLjQ3M3ptMTAuODAyIDBMMTMuOTI3IDUuMDlsLjk4Mi45ODIgMS40NzMtMS40NzMtLjk4Mi0uOTgyek0xMCA1LjEzOWE0Ljg3MiA0Ljg3MiAwIDAwLTQuODYyIDQuODZBNC44NzIgNC44NzIgMCAwMDEwIDE0Ljg2MiA0Ljg3MiA0Ljg3MiAwIDAwMTQuODYgMTAgNC44NzIgNC44NzIgMCAwMDEwIDUuMTM5em0wIDEuMzg5QTMuNDYyIDMuNDYyIDAgMDExMy40NzEgMTBhMy40NjIgMy40NjIgMCAwMS0zLjQ3MyAzLjQ3MkEzLjQ2MiAzLjQ2MiAwIDAxNi41MjcgMTAgMy40NjIgMy40NjIgMCAwMTEwIDYuNTI4ek0xLjY2NSA5LjMwNXYxLjM5aDIuMDgzdi0xLjM5SDEuNjY2em0xNC41ODMgMHYxLjM5aDIuMDg0di0xLjM5aC0yLjA4NHpNNS4wOSAxMy45MjhMMy42MTYgMTUuNGwuOTgyLjk4MiAxLjQ3My0xLjQ3My0uOTgyLS45ODJ6bTkuODIgMGwtLjk4Mi45ODIgMS40NzMgMS40NzMuOTgyLS45ODItMS40NzMtMS40NzN6TTkuMzA1IDE2LjI1djIuMDgzaDEuMzg5VjE2LjI1aC0xLjM5eiIgLz4KPC9zdmc+);background-repeat:no-repeat;background-position:center center;-webkit-transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform .15s cubic-bezier(.4,0,.2,1) 0ms;-o-transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms;transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform .15s cubic-bezier(.4,0,.2,1) 0ms;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slider .circle:before{content:"";position:absolute;width:100%;height:100%;background:rgba(255,255,255,.75);border-radius:inherit;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:0}.ui-switch input:checked+.slider .circle{left:calc(100% - var(--circle-diameter));background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTQuMiAyLjVsLS43IDEuOC0xLjguNyAxLjguNy43IDEuOC42LTEuOEw2LjcgNWwtMS45LS43LS42LTEuOHptMTUgOC4zYTYuNyA2LjcgMCAxMS02LjYtNi42IDUuOCA1LjggMCAwMDYuNiA2LjZ6IiAvPgo8L3N2Zz4=);background-color:#003892}.ui-switch input:active+.slider .circle:before{-webkit-transition:0s;-o-transition:0s;transition:0s;opacity:1;width:0;height:0}.Home{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:40em;margin-top:3em;margin-bottom:3em;gap:.5em}.Home__title{padding-top:3em;display:flex;flex-direction:column;align-items:center;justify-content:center}.Home__name{display:block;white-space:nowrap;font-size:3.5em;border-right:3px solid;width:17em;animation:typing 2s steps(28),blink .5s infinite step-end alternate;overflow:hidden}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:transparent}}.Home__description{font-size:var(--medium-font)}.Home__img{position:relative;display:flex;align-items:end;width:400px;height:400px;border-radius:50%;z-index:1}.Home__img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(315deg,#7dbbfe,#6d32e2)}.Home__img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(315deg,#7dbbfe,#8147f5);filter:blur(30px)}.Home__img img{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:370px;border-radius:50%;z-index:2}.Home__btns{display:flex;align-items:center;justify-content:center;width:25em;gap:1em;margin-top:1em}.home__btn--cv{background:transparent;position:relative;padding:5px 15px;display:flex;align-items:center;font-size:17px;font-weight:600;text-decoration:none;cursor:pointer;border:1px solid rgb(40,144,241);border-radius:25px;outline:none;overflow:hidden;color:#2890f1;transition:color .3s .1s ease-out;text-align:center}.home__btn--cv span{margin:10px}.home__btn--cv:before{position:absolute;top:0;right:0;bottom:0;margin:auto;content:"";border-radius:50%;display:block;width:20em;height:20em;left:-5em;text-align:center;transition:box-shadow .5s ease-out;z-index:-1}.home__btn--cv:hover{color:#fff;border:1px solid rgb(40,144,241)}.home__btn--cv:hover:before{box-shadow:inset 0 0 0 10em #2890f1}.Home__btn-ab{padding:10px 20px;height:4em;border:none;font-size:12px;color:#fff;border-radius:2em;letter-spacing:2px;font-weight:700;text-transform:uppercase;transition:.5s;transition-property:box-shadow;cursor:pointer}.Home__btn-ab{background:#6d32e2;box-shadow:0 0 25px #6d32e2}.Home__btn-ab:hover{box-shadow:0 0 5px #6d32e2,0 0 25px #6d32e2,0 0 50px #6d32e2,0 0 100px #6d32e2}@media (max-width: 768px){.Home{gap:0}.Home__name{display:flex;width:100vw;white-space:wrap;height:3em;font-size:3.3em;margin-top:0}.Home__description{display:flex;width:100vw;font-size:var(--medium-font)}.Home__img{width:400px;height:400px}}@media (max-width: 500px){.Home{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0}.Home__name{margin-top:.2em;font-size:2.8em;border-right:2px solid;height:3.5em;padding:0 20px;min-height:4.5em}.Home__description{width:inherit;padding:0 20px;font-size:var(--normal-font)}.Home__img{width:370px;height:370px}.Home__img img{width:370px;border-radius:50%}}@media (max-width:380px){.Home__name{width:100%;font-size:2.5em;height:4.3em}.Home__img,.Home__img img{width:330px}.home__btn--cv,.Home__btn-ab{margin-top:1.5em;font-size:.8em;height:3.5em}}.aboutMe{position:relative;width:100vw;height:100vh;display:flex}.aboutMe__name{font-size:4em;background:#0400ff;background:-webkit-linear-gradient(182deg,#0400ff 0%,#9951ff 100%);background:linear-gradient(182deg,#0400ff 0%,#9951ff 100%);-webkit-background-clip:text;color:transparent}@-webkit-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-moz-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.aboutMe__imgtext{position:absolute;top:6em;left:4em;width:90%;display:flex;flex-direction:column;padding:2em;box-sizing:border-box;background:rgba(227,223,223,.495);border:1px solid white;box-shadow:12px 17px 51px #00000038;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:17px;text-align:center;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;gap:.8em}.aboutMe__imgtext p{width:100%;text-align:justify}.aboutMe__imgtext h3{font-size:1.5em;font-weight:400}.aboutMe__img{position:absolute;bottom:-.8em;right:8em;width:380px}.about__information{display:flex;gap:5em;width:100%}.information{display:flex;flex-direction:column;align-items:start;gap:.5em}.education{list-style:none;text-align:start;padding:1em}.career{font-weight:600}.myInformation{list-style:none;display:flex;flex-direction:column;align-items:start;gap:1em;padding:1em}@media (max-width: 1024px){.aboutMe__img{width:200px;top:0;right:2em}}@media (max-width: 768px){.aboutMe__img{width:180px;top:0;right:2em}.aboutMe__imgtext{font-size:.8em;left:2em}.myInformation{text-align:start}}@media (max-width: 500px){.aboutMe{height:63em}.aboutMe__name{top:0;left:.3em;font-size:3em}.aboutMe__imgtext{top:5em;width:93%;right:.5em;gap:0}.aboutMe__img{width:180px;top:40em;right:2em}}@media (max-width: 400px){.aboutMe{height:71em}.aboutMe__name{top:.2em;left:.3em;font-size:3em}.aboutMe__imgtext{top:5em;width:92%;left:.5em}.about__information{gap:0}.myInformation{width:10em;text-wrap:wrap}.email{font-size:.9em}}@media (max-width: 350px){.aboutMe__img{width:150px;top:50em;left:9em}}.principal__projects{width:100vw;height:100vh;display:flex;gap:.3em;flex-direction:column;align-items:center;justify-content:center;margin-top:1em;padding-top:4em}.projects__title{font-size:3em;text-align:center;font-weight:500;background:#0400ff;background:-webkit-linear-gradient(182deg,#0400ff 0%,#9951ff 100%);background:linear-gradient(182deg,#0400ff 0%,#9951ff 100%);-webkit-background-clip:text;color:transparent}.slider__box{width:1000px;position:relative;transition:trasnform .5s ease-in-out}.slider__box--carousel{width:100%;display:flex;margin:1em;gap:1.5em;white-space:nowrap;overflow:hidden;scroll-behavior:smooth}.hidden{display:none}.container__imgSlider{width:100%;display:flex;flex-direction:column;padding:.8em;border:1em solid lightgray;background:lightgrey;box-shadow:#32325d40 0 30px 50px -12px inset,#0000004d 0 18px 26px -18px inset;border-radius:2em}.container__imgSlider h3{width:950px;text-align:center;font-size:3em;font-weight:400;margin-top:1em;color:#9951ff}.container__imgSlider--content{width:inherit;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;justify-content:center;height:100%}.container__imgSlider--img{width:10em;display:flex}.container__imgSlider--img img{width:450px;border-radius:1em;box-shadow:1px 2px 4px #9f9f9f;transition:transform .2s ease-in-out;border:5px solid rgb(255,255,255)}.container__imgSlider--img img:hover{transform:skew(0,8deg)}.container__imgSlider-span{text-decoration:none;padding-top:1.5em;display:flex;align-items:center;justify-content:center;width:400px;height:4em}.container__imgSlider-span a{display:flex;align-items:center;text-decoration:none;color:#000;gap:3em}.redirection{color:#fff;font-size:3em}.container__imgSlider-span:hover .redirection,.redirection:hover{color:#a19f9f}.PreviusNext{top:50%;height:46px;width:46px;cursor:pointer;position:absolute;font-size:1.2rem;text-align:center;line-height:46px;background:#fff;border-radius:50%;scroll-behavior:smooth;box-shadow:0 2px 2px gray}.previus{left:-2px}.next{right:-25px}.slider__box i{color:#000}.container__imgSlider--info{display:flex;flex-direction:column;width:100%;flex-wrap:wrap;padding:1em;margin-top:1em;gap:.8em}.container__imgSlider--info p{display:flex;white-space:wrap;width:inherit;text-align:justify;color:#000}.container__imgSlider--tec span{color:#0400ff;margin-right:1em}.container__imgSlider--github{font-size:3em}@media (max-width: 1024px){.slider__box{width:850px}.container__imgSlider h3{width:830px}.container__imgSlider--img img{width:370px}}@media (max-width: 768px){.slider__box{width:700px}.container__imgSlider h3{width:650px}.container__imgSlider--img img{width:330px}}@media (max-width: 450px){.slider__box{width:380px;margin-left:-2.8em}.container__imgSlider h3{width:400px}.container__imgSlider--img img{width:320px;margin-left:0}.previus{left:14px}.next{right:-20px}}@media (max-width: 376px){.slider__box{width:350px;margin-left:-2em}.container__imgSlider h3{width:340px}.container__imgSlider--img img{width:300px;margin-left:1em}}@media (max-width: 321px){.slider__box{width:320px;margin-left:-2em}.container__imgSlider h3{font-size:2.5em;width:310px}.container__imgSlider--img img{margin-left:0}.PreviusNext{height:36px;width:36px;text-align:center;line-height:36px}.projects__title{font-size:2.5em}}.contact{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact__title{font-size:3em;font-weight:400}.contact__writeMe{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact__writeMe--form{display:flex;flex-direction:column;gap:.5em;margin-bottom:5em}.contact__writeMe--form label{font-size:1em}.contact__writeMe--form input{width:25em;height:3em;border-radius:.8em;border:1px solid gray;outline:none;padding:1em;font-size:1em}.contact__writeMe--form textarea{border-radius:.8em;border:1px solid gray;outline:none;padding:1em;font-size:1em}.contact__writeMe--form button{margin-top:.8em;border:none;color:#fff;height:3.5em;border-radius:1em;background:#6d32e2;box-shadow:0 0 25px #6d32e2;cursor:pointer;font-weight:700;text-transform:uppercase;transition:.5s;transition-property:box-shadow}.contact__writeMe--form button:hover{box-shadow:0 0 5px #6d32e2,0 0 25px #6d32e2}.social__networks{position:absolute;bottom:0;width:100vw;display:flex;align-items:center;justify-content:center;margin-top:2em;background-color:#c2c2c2;flex-direction:column;color:#000}.social__networks p{text-align:center}.social__networks--list{list-style:none;display:flex}.social__networks--list li{font-size:3em}@media (max-width: 769px){.contact__writeMe--form input,.contact__writeMe--form textarea{width:20em}.social__networks--list li{font-size:2em}.social__networks p{font-size:.8em}}@media (max-width: 391px){.contact{height:65em}.contact__writeMe--form input,.contact__writeMe--form textarea{width:19em}.social__networks{position:absolute;bottom:7em;margin-top:0}}.skills{width:100vw;display:flex;gap:3em;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:0 10px}.skills__title{font-size:3em;font-weight:400}.skills__icons{display:flex;flex-wrap:wrap}.skills__icons div{width:7em;display:flex;flex-direction:column;align-items:center}.skills__icons img{width:7em}@media (max-width: 391px){.skills__icons img{width:5em}}.Popup{position:fixed;height:3em;right:2em;top:50%;z-index:1}.Popup--list{display:flex;flex-direction:column;list-style:none}@media (max-width: 426px){.Popup{width:6.2em;top:4em;right:.7em;z-index:3}.Popup--list{width:6.5em;display:flex;flex-direction:row;background-color:#00000058;border-radius:.5em}}.Popup--item{font-size:2em}.linkedin--icon:hover{color:#0a66c2}.github--icon:hover{color:#8c08eb}.gmail--icon:hover{display:inline-block;font-size:1em;color:transparent;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCI+CjxwYXRoIGZpbGw9IiM0Y2FmNTAiIGQ9Ik00NSwxNi4ybC01LDIuNzVsLTUsNC43NUwzNSw0MGg3YzEuNjU3LDAsMy0xLjM0MywzLTNWMTYuMnoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMWU4OGU1IiBkPSJNMywxNi4ybDMuNjE0LDEuNzFMMTMsMjMuN1Y0MEg2Yy0xLjY1NywwLTMtMS4zNDMtMy0zVjE2LjJ6Ij48L3BhdGg+PHBvbHlnb24gZmlsbD0iI2U1MzkzNSIgcG9pbnRzPSIzNSwxMS4yIDI0LDE5LjQ1IDEzLDExLjIgMTIsMTcgMTMsMjMuNyAyNCwzMS45NSAzNSwyMy43IDM2LDE3Ij48L3BvbHlnb24+PHBhdGggZmlsbD0iI2M2MjgyOCIgZD0iTTMsMTIuMjk4VjE2LjJsMTAsNy41VjExLjJMOS44NzYsOC44NTlDOS4xMzIsOC4zMDEsOC4yMjgsOCw3LjI5OCw4aDBDNC45MjQsOCwzLDkuOTI0LDMsMTIuMjk4eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNmYmMwMmQiIGQ9Ik00NSwxMi4yOThWMTYuMmwtMTAsNy41VjExLjJsMy4xMjQtMi4zNDFDMzguODY4LDguMzAxLDM5Ljc3Miw4LDQwLjcwMiw4aDAgQzQzLjA3Niw4LDQ1LDkuOTI0LDQ1LDEyLjI5OHoiPjwvcGF0aD4KPC9zdmc+) 50% 50% no-repeat;background-size:100%}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}html{font-family:Poppins,sans-serif;box-sizing:border-box;font-size:16px;overflow-x:hidden}p{margin-bottom:20px}::-webkit-scrollbar{width:.6rem;background-color:#bdbdbd}::-webkit-scrollbar-thumb{background-color:#2b2b2b;border-radius:var(--sp-0-5)}