.intro{position:fixed;inset:0;display:grid;place-items:center;background:#0f1115;background:linear-gradient(180deg,#16191f,#12151b 33% 66%,#16191f);height:100%;z-index:99999;color:#78aaff}.intro__word{font:700 clamp(40px,8vw,120px)/1 system-ui,sans-serif;letter-spacing:.08em}.intro__letter{display:inline-block;opacity:0;will-change:transform,opacity}.header{position:fixed;background-color:#1e222c;background:linear-gradient(90deg,#0f1115,#16191f 30%,#1e222c,#16191f 70%,#0f1115);z-index:10;width:100%;display:flex;justify-content:space-between;transition:.8s ease-in-out}.header__container{align-items:center;display:flex;justify-content:space-between;padding:7px 40px;z-index:10;max-width:1280px;width:100%;margin:0 auto}.header__link{display:flex;align-items:center}.header__curve{height:clamp(60px,8vw,100px);left:0;pointer-events:none;position:absolute;top:99%;width:100%;transition:.5s ease-in-out;z-index:9}.header__image{height:50px;margin-right:5px;background-color:none;width:50px;border-radius:100%}.header__name{font-size:1.6rem}.header__logo{align-items:center;display:flex;margin:0 25px}.header__nav{display:flex;margin:0 25px}.header__list{display:flex;align-items:center;gap:20px}.header__item--active{border-bottom:1px solid #78aaff}.header__item--active:hover,.header__item--active:focus{border-bottom-color:#4f8cff}.header__button{background:none;width:auto;height:auto;color:#78aaff;padding:0}.header__button:hover,.header__button:focus{background:none;transform:scale(1.1)}.scroll__curve{top:-200%;z-index:-1}.footer{background-color:#1e222c;background:linear-gradient(90deg,#0f1115,#16191f 30%,#1e222c,#16191f 70%,#0f1115);position:relative;z-index:0;width:100%}.footer__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:15px 40px;z-index:2;width:100%}.footer__curve{bottom:97%;height:clamp(60px,8vw,100px);left:0;pointer-events:none;position:absolute;width:100%;z-index:1;transform:scaleY(-1);transform-origin:center}.footer__copyright{margin-left:25px}.footer__socials{margin-right:25px}.footer__link{margin-left:15px}.home{margin:0 auto}.home__hero{padding:60px 0 45px}.home__hero__title{margin-bottom:45px;font-size:clamp(2.6rem,6vw,4rem);text-align:center}.home__hero__container{margin:0 auto;max-width:1180px;display:flex}.home__hero-p{margin:25px;font-size:1.3rem;font-weight:600;text-align:justify}.home__hero__image{max-width:544px;position:relative;transition:.5s ease-in-out}.home__hero__image:hover{opacity:.1}.home__hero__image-wrapper{height:400px;border-radius:50%}.home__hero__info{display:flex;flex-direction:column;align-items:center}.home__hero__button{font-weight:600;color:#dff1ff}.home__skills__title{margin-bottom:25px;font-size:3rem;text-align:center}.home__skills__list{display:flex;justify-content:space-evenly;max-width:900px;flex-wrap:wrap;gap:15px;margin:0 auto;align-items:center}.home__skills__list>li{background:#ffffff06;border-radius:12px;width:125px;min-height:125px;padding:15px 0;align-items:center;justify-content:center;text-align:center;display:flex;flex-direction:column;border:1px solid hsla(0,0%,100%,.04);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff05;transition:.5s ease-in-out;cursor:pointer}.home__skills__list>li:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff0a}.home__skills-image{height:75px;width:75px}.home__projects__container{max-width:calc(1280px + 2rem);margin:0 auto}.home__projects__title{margin-bottom:25px;font-size:3rem;text-align:center}.home__projects__list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;gap:35px}.home__projects__item{align-items:center;display:flex;flex-direction:column;height:474px;width:444px;text-align:justify;background:#ffffff06;border-radius:16px;border:1px solid hsla(0,0%,100%,.04);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff05;transition:.5s ease-in-out}.home__projects__item:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff0a}.home__projects__image{border-top-left-radius:12px;border-top-right-radius:12px;height:217px;opacity:.8;width:444px;border-bottom:4px solid #a0c8ff}.home__projects__image:hover{cursor:zoom-in}.home__projects__list-container{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:5px}.home__projects__name{padding:0 5px}.home__projects__links-container{display:flex;justify-content:end}.home__projects__description{margin-bottom:5px;font-size:.9rem;padding:0 5px;text-align:justify}.home__projects__list-tech{display:flex;justify-content:end;gap:10px;flex-wrap:wrap;margin:6px 6px 0}.home__projects__icon-wrapper{position:relative;display:inline-block}.home__projects__icon-tech{width:36px;height:36px;cursor:pointer;transition:.5s ease-in-out}.home__projects__icon-tech:hover{transform:translateY(8px)}.home__projects__icon-tech:hover+.home__projects__icon-tech--name{transition:.5s ease-in-out;opacity:1}.home__projects__icon-tech--name{position:absolute;bottom:90%;left:50%;transform:translate(-50%);transition:.5s ease-in-out;font-size:1.2rem;background-color:#4f8cff;padding:4px 8px;white-space:nowrap;font-weight:700;border-radius:12px;text-align:center;opacity:0;pointer-events:none}.home__projects__links{margin:5px;height:100%}.home__projects__links-svg{height:26px;width:26px;fill:#f0f6fc}.home__projects__button{background-color:#78aaff;border-radius:8px;border:1px solid rgba(0,0,0,0);color:#dff1ff;cursor:pointer;font-size:1rem;font-weight:600;margin:0 auto;padding:.6rem 1.2rem;transition:.5s ease-in-out}.home__projects__button:hover{background-color:#4f8cff;color:#dff1ff;transform:scale(1.02)}.home__projects__button-wrapper{margin-top:44px;display:flex}.projects{margin:0 auto;display:flex;max-width:calc(1080px + 2rem)}.projects__container{margin:0 25px 75px}.projects__title{font-size:3rem;margin-bottom:25px;text-align:center}.projects__list{display:flex;flex-direction:column;gap:30px}.projects__item{display:flex;flex-direction:column;background:#ffffff06;border-radius:16px;border:1px solid hsla(0,0%,100%,.04);box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff05;transition:.5s ease-in-out}.projects__item:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff0a}.projects__list-container{display:flex;gap:25px;padding:0 10px 10px 0}.projects__image{height:280px;width:450px;opacity:.9;border-top-left-radius:16px;border-bottom-right-radius:16px;border-bottom:2px solid #a0c8ff;border-right:2px solid #a0c8ff;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff05;transition:.5s ease-in-out}.projects__image:hover{cursor:zoom-in}.projects__list-text{display:flex;flex-direction:column;justify-content:space-between}.projects__name{font-size:2rem;margin-bottom:8px}.projects__description{margin-bottom:22px}.projects__list-tech{display:flex;gap:8px;justify-content:end;flex-wrap:wrap}.projects__list-tech>li{background:#2a272a;font-size:1rem;font-weight:600;border:2px solid #4b4a54;padding:3px 5px}.projects__links-container{display:flex;justify-content:end;margin-top:15px;gap:12px}.projects__links-svg{height:32px;width:32px;fill:#f0f6fc}.about{display:flex;justify-content:center;margin:30px 0}.about__container{border-radius:50px;border:4px solid #78aaff;margin-left:22px;max-width:500px}.about__title{color:#a0c8ff;font-size:2.5rem;text-align:center}.about__p{font-size:1rem;margin-bottom:15px;padding:0 14px;text-align:justify;text-indent:10%}.about__title--strenghts{border-top:4px solid #78aaff;color:#a0c8ff;font-size:1.6rem;margin-bottom:10px;padding-top:10px;text-align:center}.about__list{align-items:baseline;display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-bottom:25px}.about__list--item{align-items:center;background:#ffffff06;border-radius:12px;border:1px solid hsla(0,0%,100%,.04);display:flex;flex-direction:column;padding-bottom:5px;text-align:center;transition:.5s ease-in-out;width:210px;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff05}.about__list--item:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000080,inset 0 1px #ffffff0a}.about__list--item__container{background-color:#2a272a;border-bottom:1px solid #a0c8ff;border-top-left-radius:12px;border-top-right-radius:12px;padding:5px;width:100%}.about__list--item__title{font-size:1.2rem;text-align:center}.about__list--item__p{padding:5px}.about__img{background-color:#000;background:linear-gradient(#0000001a,#0000001a),url(../images/Background.png) center/cover no-repeat;filter:brightness(.8) contrast(1.1) saturate(1.1);max-width:100%;overflow:hidden;padding:15px 0 0;transform-origin:center}.about__img--container{background:#ffffff06;border-radius:50px;border:4px solid #78aaff;display:flex;flex-direction:column;height:100%;margin-top:10px;max-width:500px;overflow:hidden;position:relative;text-indent:5%;transition:.5s ease-in-out;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff05}.about__img--name{color:#a0c8ff;font-size:1.5rem}.about__img--text{padding:10px 0;text-align:center}.imageModal{position:fixed;background:#000000d9;display:flex;justify-content:center;align-items:center;inset:0% 0 0 0%;z-index:1000}.imageModal__container{max-width:80vw}.imageModal__image{width:100%;border-radius:12px;cursor:zoom-out}.contact{display:flex;justify-content:center}.contact__container{margin:60px 0;border:4px solid #78aaff;border-radius:50px}.contact__title{font-size:2.5rem;color:#78aaff;border-bottom:4px solid #78aaff;width:100%;text-align:center;padding:20px}.contact__list{padding:25px}.contact__list--item{margin-bottom:40px}.contact__list--item:hover .contact__link,.contact__list--item:hover .contact__icon,.contact__list--item:focus .contact__link,.contact__list--item:focus .contact__icon{fill:#4f8cff;color:#4f8cff}.contact__link{transition:.5s ease-in-out;display:flex;justify-content:flex-start;align-items:center}.contact__icon{width:42px;height:42px;margin-right:7px;transition:.5s ease-in-out}.contact__icon--github{fill:#f0f6fc}.contact__icon--linkedin{fill:#0a66c2}.contact__icon--email{fill:#34a853}.contact__icon--smartphone{fill:#a9a9a9}.bubbles{height:100%;inset:0 0 0 50%;pointer-events:none;position:absolute;transform:translate(-50%);width:100%;z-index:0}.bubbles__bubble{border-radius:50%;filter:blur(30px);height:clamp(140px,11vw,190px);opacity:.22;position:absolute;width:clamp(140px,11vw,190px);mix-blend-mode:screen;will-change:transform,opacity;animation-timing-function:cubic-bezier(.45,.05,.55,.95);animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:both}.bubbles__bubble1{top:3%;left:-3%;background:radial-gradient(circle at 30% 30%,#ffffffb3,#ffffff1f 42%,#fff0 75%);box-shadow:0 0 60px #fff3;animation-name:bubbleRoad1,bubbleBreath;animation-duration:11s,4.8s;animation-delay:-1.8s,-.6s}.bubbles__bubble2{top:26%;right:-5%;background:radial-gradient(circle at 28% 32%,#059616b3,#0596161f 42%,#05961600 75%);box-shadow:0 0 52px #05961633;animation-name:bubbleRoad2,bubbleBreath;animation-duration:13s,5.6s;animation-delay:-2.4s,-1.3s}.bubbles__bubble3{top:42%;left:2%;background:radial-gradient(circle at 32% 28%,#092fa1b8,#092fa121 42%,#092fa100 75%);box-shadow:0 0 58px #092fa138;animation-name:bubbleRoad3,bubbleBreath;animation-duration:10.5s,5.1s;animation-delay:-.9s,-2.1s}.bubbles__bubble4{top:54%;right:5%;background:radial-gradient(circle at 28% 35%,#f700d6b3,#f700d61f 42%,#f700d600 75%);box-shadow:0 0 56px #f700d62e;animation-name:bubbleRoad4,bubbleBreath;animation-duration:12.2s,4.4s;animation-delay:-3.2s,-.9s}.bubbles__bubble5{top:72%;left:6%;background:radial-gradient(circle at 35% 30%,#f2ff009e,#f2ff001a 40%,#f2ff0000 72%);box-shadow:0 0 54px #f2ff002e;animation-name:bubbleRoad5,bubbleBreath;animation-duration:14s,5.4s;animation-delay:-1.1s,-2.4s}.bubbles__bubble6{top:82%;right:6%;background:radial-gradient(circle at 34% 34%,#ff00009e,#f003 40%,#ff000050 72%);box-shadow:0 0 50px #ff00002e;animation-name:bubbleRoad6,bubbleBreath;animation-duration:9.8s,4.9s;animation-delay:-2.8s,-1.7s}@keyframes bubbleBreath{0%{opacity:.16}50%{opacity:.3}to{opacity:.2}}@keyframes bubbleRoad1{0%{transform:translate(0) scale(.96) rotate(0)}50%{transform:translate(34px,42px) scale(1.05) rotate(3deg)}to{transform:translate(76px,88px) scale(.98) rotate(8deg)}}@keyframes bubbleRoad2{0%{transform:translate(0) scale(1.02) rotate(0)}50%{transform:translate(-70px,34px) scale(.96) rotate(-4deg)}to{transform:translate(-70px,86px) scale(1.04) rotate(-10deg)}}@keyframes bubbleRoad3{0%{transform:translate(0) scale(.97) rotate(0)}50%{transform:translate(24px,38px) scale(1.03) rotate(5deg)}to{transform:translate(56px,72px) scale(.95) rotate(11deg)}}@keyframes bubbleRoad4{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(-20px,30px) scale(1.05) rotate(-3deg)}to{transform:translate(-52px,62px) scale(.96) rotate(-9deg)}}@keyframes bubbleRoad5{0%{transform:translate(0) scale(.95) rotate(0)}50%{transform:translate(26px,26px) scale(1.04) rotate(4deg)}to{transform:translate(62px,58px) scale(.98) rotate(9deg)}}@keyframes bubbleRoad6{0%{transform:translate(0) scale(1.03) rotate(0)}50%{transform:translate(-18px,22px) scale(.96) rotate(-5deg)}to{transform:translate(-44px,54px) scale(1.02) rotate(-10deg)}}@media screen and (min-width:768px)and (max-width:1079px){.header__container{margin:0 auto;padding:5px 0}}@media screen and (min-width:768px)and (max-width:1079px){.home{overflow:hidden;max-width:768px}.home__hero__container{margin:0 25px}.home__hero__image{max-width:322px}.home__hero__image-wrapper{height:auto;margin-bottom:50px}.home__skills__list{max-width:700px}.home__skills__list>li{width:100px;min-height:100px}.home__skills-image{width:60px;height:60px}.home__projects__item{width:544px;height:auto}.home__projects__image{width:100%;max-height:255px}}@media screen and (min-width:768px)and (max-width:1079px){.projects__container{margin:0 auto}.projects__item{max-width:644px}.projects__list-container{display:flex;flex-direction:column;padding:0;gap:0}.projects__list-text{margin:0 7px}.projects__image{width:100%;padding:0;border-bottom-right-radius:0;border-right:none;border-top-right-radius:16px;border-bottom:4px solid #a0c8ff}}@media screen and (min-width:768px)and (max-width:1079px){.about{margin:0 25px}.about__container{max-width:400px}.about__list--item{width:330px}}@media screen and (min-width:768px)and (max-width:1079px){.imageModal{overflow:auto}.imageModal__container{max-width:95vw}}@media screen and (max-width:767px){.header{font-size:.85rem;width:100%}.header__container{padding:0;flex-direction:column}.header__image{width:45px;height:45px;margin-top:3px}.header__name{font-size:1.4rem}.header__nav{margin:0}.header__list{gap:10px}.scroll__header{transition:.8s ease-in-out;transform:translateY(-57%)}}@media screen and (max-width:767px){.footer{font-size:.9rem;width:100%;text-align:center}.footer__container{padding:0 0 10px;flex-direction:column;margin:0}.footer__copyright{margin:0}}@media screen and (max-width:767px){.home{overflow:hidden}.home__hero__title{font-size:2.5rem}.home__hero__container{flex-direction:column}.home__hero-p{margin:15px;font-size:1.1rem;max-width:400px}.home__hero__image{opacity:.5;width:90vw;max-width:440px}.home__hero__image-wrapper{width:100%;display:flex;justify-content:center;align-items:center;position:absolute;z-index:-2;height:auto;opacity:.4}.home__skills__title{font-size:2rem}.home__skills__list{justify-content:center}.home__skills__list>li{width:100px;min-height:100px}.home__skills-image{width:55px;height:55px}.home__projects__container{margin:0 auto}.home__projects__title{font-size:2rem}.home__projects__list{flex-direction:column;margin:0 5px;flex-wrap:nowrap;gap:20px}.home__projects__item{max-width:100%;height:auto}.home__projects__image{width:100%}.home__projects__name{font-size:1.1rem}.home__projects__description{font-size:.8rem}.home__projects__list-tech{gap:5px}.home__projects__icon-tech{width:26px;height:26px}.home__projects__icon-tech--name{font-size:.8rem}.home__projects__links-svg{height:20px;width:20px;margin-left:3px}}@media screen and (max-width:767px){.projects__title{font-size:2.5rem}.projects__container{margin:0 7px 75px;padding:60px 0 45px}.projects__list-container{display:flex;flex-direction:column;padding:0;gap:0}.projects__list-text{margin:0 7px}.projects__image{max-height:310px;height:40%;width:100%;padding:0;border-bottom-right-radius:0;border-right:none;border-top-right-radius:16px;border-bottom:4px solid #a0c8ff}.projects__name{font-size:1.6rem;margin-bottom:3px}.projects__description{font-size:.9rem;margin-bottom:10px}.projects__list-tech>li{font-size:.7rem;padding:2px;border:1px solid #4b4a54}.projects__links-svg{height:24px;width:24px}}@media screen and (max-width:767px){.about{flex-direction:column;align-items:center}.about__title{font-size:2rem}.about__p{font-size:.9rem}.about__container{margin:0 5px 20px;border-top-left-radius:0;border-top-right-radius:0}.about__title--strenghts{font-size:2rem}.about__list--item{max-width:310px}.about__list--item__p{font-size:.85rem}.about__img--container{margin:60px 5px 0;border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}}@media screen and (max-width:767px){.contact__container{margin:60px 10px}}*{box-sizing:border-box;padding:0;margin:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;color:#dff1ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}a{font-weight:500;color:#78aaff;text-decoration:inherit;transition:background-color .25s}a:hover,a:focus{color:#4f8cff}body{place-items:center;margin:0 auto;min-width:320px;position:relative;background:linear-gradient(180deg,#16191f,#12151b 33% 66%,#16191f)}.layout{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.layout__main{position:relative;isolation:isolate;flex:1;overflow-x:clip}section{padding:120px 0 60px;position:relative;z-index:1}@media screen and (max-width:767px){section{padding:90px 0 45px}}h1{font-size:3.2em;line-height:1.1}ul,ol{list-style-type:none}button{border-radius:8px;border:1px solid rgba(0,0,0,0);padding:.6rem 1.2rem;font-size:1rem;font-weight:500;font-family:inherit;background-color:#78aaff;cursor:pointer;transition:.5s ease-in-out}button:hover{background-color:#4f8cff;transform:scale(1.02)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#cursor-light{position:fixed;inset:0;pointer-events:none;z-index:100;width:100vw!important;transform:translateY(-.7%);background:radial-gradient(75px circle at var(--x) var(--y),rgba(120,140,255,.17),16%,transparent 50%)}.git-links{transition:fill .5s ease-in-out}.git-links:hover{fill:#4f8cff}