@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lora:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Lobster&display=swap";@import"https://fonts.googleapis.com/css2?family=Lobster&family=Oswald:wght@500&display=swap";.about{display:flex;flex-direction:column;align-items:center;padding-inline:.5rem;padding-bottom:15rem;max-width:1300px;margin-inline:auto}.about__header{padding-bottom:4rem}@media (max-width: 500px){.about__header{padding-bottom:1rem;font-size:3rem}}.about__content{display:flex;align-items:flex-start;justify-content:space-between;padding-inline:.5rem;height:100%;gap:.5rem}.about__content .photo-box{position:-webkit-sticky;position:sticky;top:5rem;display:flex;align-items:flex-start;justify-content:center;width:50%;height:100%}.about__content .photo-box img{width:25rem;box-shadow:0 0 10px #fff;border-radius:10px;max-height:35rem;object-fit:fill}@media (max-width: 900px){.about__content .photo-box img{width:20rem;max-height:27rem}}@media (max-width: 700px){.about__content .photo-box img{width:15rem;height:23rem}}@media (max-width: 500px){.about__content .photo-box img{width:10rem;height:14rem}}.about__content .description-wrapper{width:50%;display:flex;flex-direction:column;align-items:start}.about__content .description-wrapper .description-box{display:flex;flex-direction:column;gap:1rem}.about__content .description-wrapper .description-box h3{font-size:3rem;text-shadow:0 0 3px white;letter-spacing:3px}@media (max-width: 900px){.about__content .description-wrapper .description-box h3{font-size:2rem}}@media (max-width: 500px){.about__content .description-wrapper .description-box h3{text-shadow:0 0 2px white}}.about__content .description-wrapper .description-box p{font-family:Oswald,sans-serif;font-size:1.3rem;line-height:1.4rem}@media (max-width: 500px){.about__content .description-wrapper .description-box p{font-size:1rem}}.about__content .description-wrapper .tech-box{display:flex;flex-direction:column;align-items:start;gap:2.5rem;padding-top:4rem}@media (max-width: 500px){.about__content .description-wrapper .tech-box{gap:3rem}}.about__content .description-wrapper .tech-box__header{font-size:2.5rem;text-shadow:0 0 2px white;letter-spacing:4px}.about__content .description-wrapper .tech-box__title{font-family:Lobster,sans-serif;font-size:2rem;padding-bottom:.5rem}@media (max-width: 500px){.about__content .description-wrapper .tech-box__title{font-size:1.5rem}}.about__content .description-wrapper .tech-box__list{display:flex;flex-wrap:wrap;gap:.4rem}.contact{position:relative;display:flex;flex-direction:column;align-items:center;gap:5rem;background-color:#fff;color:#1b1b1b;padding-top:5rem;max-width:1300px;min-height:50vh}.contact__header{display:flex;align-items:center;gap:1rem;padding-bottom:5rem}@media (max-width: 700px){.contact__header{padding-bottom:0rem}}.contact__container{display:flex;justify-content:space-between;gap:3rem;width:90%;margin-left:1rem}@media (max-width: 900px){.contact__container{flex-direction:column;align-items:start}}.contact__description{display:flex;flex-direction:column;align-items:center}.contact__description-title{font-size:2.3rem}.contact__copyright{display:flex;justify-content:end;align-items:center;gap:1rem;font-size:1.2rem;width:100%;margin-top:5rem;margin-bottom:1rem;margin-right:1rem}@media (max-width: 500px){.contact__copyright{font-size:1rem;gap:.5rem}}.contact__copyright-fullname{font-weight:600}.contact-details{display:flex;flex-direction:column;gap:3.5rem;color:#1b1b1b}.contact-details__section{display:flex;flex-direction:column;gap:1.3rem}.contact-details__section a{color:#1b1b1b}@media (min-width: 500px){.contact-details__section .info-item :nth-child(2){position:relative}.contact-details__section .info-item :nth-child(2):before,.contact-details__section .info-item :nth-child(2):after{content:"";position:absolute;left:50%;bottom:-2px;width:0;height:1px;background:#000;transition:all .5s ease;transform:translate(-50%)}.contact-details__section .info-item:hover :nth-child(2):before{width:50%}.contact-details__section .info-item:hover :nth-child(2):after{transform:translate(-50%) scaleX(2);width:50%}}.contact-details__header{font-size:1.8rem;letter-spacing:1px}.contact-details__info{display:flex;align-items:center;flex-wrap:nowrap;gap:.5rem;font-size:1.1rem}.form{display:flex;flex-direction:column;align-items:start;gap:1rem;padding-top:1rem;width:95%;max-width:500px;font-size:1.1rem}.form .input-box{display:flex;flex-direction:column;gap:1rem;width:inherit}.form .input-box .input-field{outline:none;border:none;margin:.5rem;padding:.5rem;border-bottom:1px solid #1b1b1b;font-size:inherit}.form .input-box .input-field::placeholder{color:#1b1b1b;font-size:inherit}.form .input-box .input-field:focus{outline:none}.form .input-box .invalid{border-bottom:1px solid red}.form .textarea-field{padding:.5rem;width:inherit;font-size:inherit;outline:none;border-inline:none;border-top:none;border-bottom:1px solid #1b1b1b;height:10rem}.form .textarea-field::placeholder{color:#1b1b1b;font-size:inherit}.form .textarea-field:focus{outline:none;font-size:inherit}.form .textarea-field.invalid{border-bottom:1px solid red}.form .submit-button{border:1px solid white;width:11rem;margin-top:1rem;padding:.5rem;border-radius:1rem;letter-spacing:1px;transition:all;transition-duration:.5s;font-size:1.1rem;background-color:#fff;color:#1b1b1b;text-shadow:0 0 5px white;border:1px solid #1b1b1b}.form .submit-button:hover{background-color:#1b1b1b;color:#fff}.wrapper-light{position:relative;background:#fff}.wrapper-dark{position:relative;background-color:#1b1b1b}.container{position:relative;max-width:1300px;margin-inline:auto;overflow:hidden}.scroll-container{position:relative;display:flex;flex-direction:column;align-items:center;max-width:1300px;margin-inline:auto;height:100%;width:100%;overflow:hidden}.project{position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:5rem;width:90%;height:100%}.project .project-container{display:flex;flex-direction:column;align-items:start;gap:2rem;padding-inline:1rem}.project .project-container .buttons-box{align-self:start;display:flex;gap:3rem}@media (max-width: 500px){.project .project-container .buttons-box{gap:1rem}}.project1{left:100%}.project2{left:100%;margin-bottom:10rem}.glass-button{display:flex;justify-content:center;align-items:center;gap:.5rem;width:160px;height:60px;background-color:#ffffff0d;font-size:1.2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:5;transition:.5s;border-radius:5px;box-shadow:0 0 10px #fff}@media (max-width: 500px){.glass-button{width:120px;height:50px}}.glass-button:after{content:"";position:absolute;height:100%;width:100%;top:0;left:0;background:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.03) 58%,rgba(255,255,255,.16) 67%,transparent 68%);background-size:200% 100%;background-position:165% 0;transition:.7s}.glass-button:hover:after{background-position:-20% 0}.glass-button:hover{box-shadow:15px 30px 32px #00000040;transform:translateY(-10px);text-shadow:0px 0px 6px white}.off-glass-button{display:flex;justify-content:center;align-items:center;gap:.5rem;width:160px;height:60px;background-color:#ffffff0d;font-size:1.2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:5;transition:.5s;border-radius:5px;opacity:50%;cursor:auto}@media (max-width: 500px){.off-glass-button{width:120px;height:50px}}.project-image-with-tech{display:flex;flex-direction:column;align-items:start;gap:1rem;width:100%}.project-image-with-tech__container{overflow:hidden;max-height:70svh;width:90%;border-radius:2rem}.project-image-with-tech__container-image{width:100%;height:100%;object-fit:cover;object-position:top}.project-image-with-tech__container-image:hover{animation:scrollDown 5s linear infinite}@media (max-width: 500px){.project-image-with-tech__container-image:hover{animation:none}}@media (max-width: 500px){.project-image-with-tech__container{height:40svh}}@media (max-width: 700px){.project-image-with-tech__container{max-height:50svh}}.project-image-with-tech__info{display:flex;gap:.5rem;color:gray}@media (max-width: 500px){.project-image-with-tech__info{flex-direction:column;gap:1rem}}.project-image-with-tech__year{display:block;align-items:center;border:1px gray solid;font-size:18px;border-radius:1.2rem;padding:.5rem 1rem;text-align:center;box-shadow:0 0 3px #fff;max-width:5rem}.project-image-with-tech__tech{display:flex;text-align:justify;border:1px gray solid;padding:.5rem 1rem;border-radius:1.2rem;box-shadow:0 0 3px #fff;margin-right:2rem}@keyframes scrollDown{0%{transform:translateY(0)}to{transform:translateY(-1500px)}}@keyframes -scrollDown{0%{transform:translateY(-1500px)}to{transform:translateY(0)}}.expirience{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-inline:2rem;padding-bottom:15rem;max-width:1300px;margin-inline:auto}.expirience__details{display:flex;flex-direction:column;align-items:center;gap:1rem}.expirience__details img{width:100%;align-self:center}.expirience__details .aplication-name{font-size:1.5rem;text-decoration:underline}.expirience__details .role,.expirience__details .duration{font-size:1.2rem}.expirience__details .description{display:flex;flex-direction:column;gap:1rem;width:95%;letter-spacing:1.5px;line-height:1.5rem}.expirience__details .description p{font-family:Arial,Helvetica,sans-serif;font-size:1.2rem}@keyframes spinShape{0%{transform:rotate(0);border-radius:62% 38% 70% 30%/39% 42% 58% 61%}20%{transform:rotate(70deg);border-radius:66% 34% 61% 39%/30% 62% 38% 80%}40%{transform:rotate(150deg);border-radius:72% 28% 52% 48%/32% 51% 49% 68%}60%{transform:rotate(230deg);border-radius:73% 27% 59% 41%/40% 50% 50% 60%}80%{transform:rotate(300deg);border-radius:66% 34% 61% 39%/40% 62% 38% 80%}to{transform:rotate(360deg);border-radius:62% 38% 70% 30%/39% 42% 58% 61%}}.hero{position:relative;place-items:center;margin-bottom:16rem;min-height:900px}@media (max-width: 900px){.hero{margin-bottom:0rem}}.hero__wrapper{display:flex;justify-content:space-between;width:100%;padding-top:5rem}@media (max-width: 500px){.hero__wrapper{padding-top:0rem}}.hero__wrapper .left-box{position:relative;left:2rem;width:55%;display:flex;flex-direction:column;justify-content:center;gap:1rem;z-index:2}@media (max-width: 500px){.hero__wrapper .left-box{gap:0rem;margin-top:3.5rem}}.hero__wrapper .left-box__header{font-size:4.5rem;letter-spacing:2px;display:flex;flex-direction:column;line-height:5.5rem;height:180px;text-shadow:0px 0px 5px white}@media (max-width: 500px){.hero__wrapper .left-box__header{text-shadow:0px 0px 3px white;font-size:1.7rem;line-height:1rem;height:10rem}}@media (max-width: 700px){.hero__wrapper .left-box__header{font-size:3.5rem;line-height:4.5rem;height:9rem}}.hero__wrapper .left-box__description{display:flex;font-family:Oswald,sans-serif;max-width:26rem;text-wrap:wrap;text-align:start;font-size:1.3rem;line-height:1.8rem;padding-right:1rem;letter-spacing:2px}@media (max-width: 500px){.hero__wrapper .left-box__description{font-size:1rem;width:19rem}}.hero__wrapper .left-box__button{margin-top:2rem}.hero__wrapper .right-box{display:flex;justify-content:center;width:45%;position:relative;z-index:1}.hero__wrapper .right-box .image-container{position:relative;right:3rem;width:400px;height:400px;display:flex;justify-content:center;align-items:center;border-radius:100%;overflow:hidden}.hero__wrapper .right-box .image-container img{object-fit:contain;width:350px;height:350px;position:absolute;bottom:.2rem;mix-blend-mode:difference;opacity:.5;z-index:-10;overflow:hidden}.hero__wrapper .right-box .image-container .spin-border{position:absolute;display:flex;justify-content:center;align-items:center;height:350px;width:330px;overflow:hidden;border:2px white solid;box-shadow:0 0 15px #fff;animation:spinShape 40s infinite linear;z-index:15}@media (max-width: 900px){.hero__wrapper .right-box{display:none}}.hero .blured-circle{position:absolute;width:8rem;height:8rem;border-radius:100%;background-color:#ada1d3;z-index:10;bottom:-3rem;left:14rem;filter:blur(150px)}@media (max-width: 900px){.hero .blured-circle{top:30rem;left:13rem}}.hero .welcom{position:absolute;right:3rem;bottom:1.5rem;color:#fff;justify-self:end;grid-row:2;font-size:7rem;opacity:1;text-shadow:0px 0px 3px white;z-index:2}@media (max-width: 900px){.hero .welcom{font-size:6.5rem;top:36rem}}@media (max-width: 700px){.hero .welcom{font-size:5rem;top:40rem}}@media (max-width: 500px){.hero .welcom{font-size:3.7rem;right:1rem;top:35rem}}.hero .social-media{position:absolute;top:13rem;right:.5rem;display:flex;flex-direction:column;align-items:end;gap:8rem;background-color:none;z-index:2}.hero .social-media__box{display:flex;flex-direction:column;gap:.5rem}.hero .social-media__box button:hover,.hero .social-media__box a:hover{scale:1.2}.hero .social-media__web-dev{position:relative;left:2.5rem;opacity:1;transform:rotate(90deg);text-shadow:2px 2px 6px white}.backGround{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;-webkit-mask-size:40px;mask-size:40px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;z-index:0;display:flex;align-items:center;justify-content:center}.backGroundWithCollision{height:24rem;background:linear-gradient(to bottom,#fff,#f5f5f5);position:relative;display:flex;align-items:center;width:100%;justify-content:center;overflow:hidden}@media (min-width: 768px){.element{height:40rem}}.dark .element{background:linear-gradient(to bottom,#1a1a1a,#2f2f2f)}.beam{position:absolute;bottom:0;background-color:#f5f5f5;width:100%;left:0;right:0;pointer-events:none}.sidebar{position:relative}.sidebar .navbar{position:fixed;top:0;left:0;height:100vh;height:100svh;max-width:270px;color:#000;background-color:#fff;z-index:10}@media (max-width: 500px){.sidebar .navbar{max-width:200px}}.sidebar .navbar .close-button{margin-left:1.5rem;margin-top:1.5rem;outline:none;cursor:pointer;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:2px #1b1b1b solid;color:#000}.sidebar .navbar .nav-list{color:#000;list-style:none;display:grid;gap:2rem;padding-block:2rem;font-size:1.5rem}@media (max-width: 500px){.sidebar .navbar .nav-list{font-size:1rem;gap:1.5rem}}.sidebar .navbar .nav-list li{padding:1rem 2rem;margin-left:1rem;border-radius:100vw 0 0 100vw;cursor:pointer;color:#000}.sidebar .navbar .nav-list li.active{background:#1b1b1b;position:relative;color:#fff}.sidebar .navbar .nav-list li.active:before,.sidebar .navbar .nav-list li.active:after{--border-radius: 2rem;content:"";position:absolute;width:var(--border-radius);height:var(--border-radius);background:#fff;right:0}.sidebar .navbar .nav-list li.active:before{top:calc(var(--border-radius) * -1);border-radius:0 0 100vw;box-shadow:6px 6px 0 6px #1b1b1b}.sidebar .navbar .nav-list li.active:after{bottom:calc(var(--border-radius) * -1);border-radius:0 100vw 0 0;box-shadow:6px -6px 0 6px #1b1b1b}.sidebar .screen{position:fixed;top:0;left:218px;width:100%;height:100%;z-index:11}@media (max-width: 500px){.sidebar .screen{left:172px}}.sidebar .none{display:none}*{margin:0;padding:0;box-sizing:border-box;font-family:Lora,serif}section{min-height:100svh;min-height:100vh;background:#1b1b1b;color:#fff}h1,h2,h3{font-family:Bebas Neue,sans-serif;font-size:4rem}@media (max-width: 500px){h2{font-size:2.5rem}}h4{font-family:Bebas Neue,sans-serif;font-size:1.5rem}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}a{text-decoration:none;color:#fff}