footer{background:#120425;flex-direction:column;margin-top:10%;min-height:100px;padding:20px 0;width:100%}footer,footer .menu,footer .social_icon{align-items:center;display:flex;justify-content:center;position:relative}footer .menu,footer .social_icon{flex-wrap:wrap;margin:10px 0}footer .social_icon{gap:1.5rem}footer .menu li,footer .social_icon li{list-style:none}footer .social_icon li a{color:#fff;display:inline-block;font-size:2rem;margin:0 10px;transition:.5s}footer .social_icon li a:hover{transform:translateY(-10px)}footer .menu li a{color:#fff;display:inline-block;font-size:1.2em;margin:0 10px;opacity:.75;text-decoration:none;transition:.5s}footer .menu li a:hover{opacity:1}footer p{color:#fff;font-size:1.1em;margin:0 0 10px 40px;text-align:center}footer .wave{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1200 200' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0 100c300 100 900-100 1200 0v100H0Z' fill='%23120425'/%3E%3C/svg%3E");background-size:1000px 100px;height:100px;left:0;position:absolute;top:-100px;width:100%}footer .wave#wave1{animation:animateWave 4s linear infinite;bottom:0;opacity:1;z-index:4}footer .wave#wave2{animation:animateWave2 4s linear infinite;bottom:10px;opacity:.5;z-index:3}footer .wave#wave3{animation:animateWave 3s linear infinite;bottom:15px;opacity:.2;z-index:2}footer .wave#wave4{animation:animateWave2 2s linear infinite;bottom:20px;opacity:.7;z-index:1}@keyframes animateWave{0%{background-position-x:1000px}to{background-position-x:0}}@keyframes animateWave2{0%{background-position-x:0}to{background-position-x:1000px}}@media (max-width:900px){footer .menu,footer .social_icon{padding:0}footer .github-icon,footer .linkedIn-icon,footer .stackOverflow-icon{height:auto;width:40px}footer p{font-size:1em;margin:0 0 10px}}@font-face{font-display:swap;font-family:Overcame;font-style:normal;font-weight:400;src:url(/MyPortfolio/static/media/OvercameDemoBold.0074f3812d805587130d.woff2) format("woff2")}@keyframes fadeOut{to{transform:scale(2)}}.navbar{animation-timeline:scroll(root)!important;align-content:center;animation:fadeOut linear both;box-sizing:border-box;display:flex;justify-content:space-between;padding:1% 5% 0;position:relative;z-index:2}.nav-left{align-items:center;display:flex}.nav-links{display:flex;gap:20px}.nav-right{gap:60px}.nav-center,.nav-right{align-items:center;display:flex}.nav-center{flex-grow:1;justify-content:center}.nav-link{background-color:initial;border:0;color:inherit;cursor:pointer;font-family:Retro,Arial,Helvetica,sans-serif;font-size:clamp(.8rem,1.3vw,1.4rem);position:relative;text-shadow:0 0 10px #ffffff80;transition:color .3s}.nav-link:after{background:radial-gradient(circle,#fffc 1%,#0000001a 99%);border-radius:50%;bottom:-5px;content:"";height:2px;left:0;position:absolute;scale:0;transition:scale .3s ease;width:100%}.nav-link:hover:after{scale:1}.logo{align-items:center;color:inherit;cursor:default;font-family:Overcame,Arial,Helvetica,sans-serif;font-size:clamp(2rem,4vw,6rem);position:relative;right:-10px;top:-25px;transition:color .1s ease-in}.logo:hover{color:#c90404}.social-icon{border-radius:15px;height:auto;transition:transform .3s ease-in-out;width:clamp(2rem,3vw,5rem)}.social-icon:hover{transform:scale(1.2)}.menu-toggle{background:none;border:none;color:inherit;cursor:pointer;display:block;font-size:30px;margin-bottom:6px;margin-right:20px;position:relative;text-shadow:0 0 10px #ffffffe6}.mobile-menu{display:flex;flex-direction:column;left:40px;max-width:100px;position:absolute;text-align:left;top:70px;width:100%;z-index:1}@media (max-width:900px){.navbar{padding:3% 5%}.nav-link{font-size:16px;margin:10px 0;width:fit-content}.nav-right{gap:15px}.social-icon{height:auto;margin-top:5px;width:35px}.logo{display:none}}@font-face{font-display:swap;font-family:OpenSans;font-size:normal;font-weight:400;src:url(/MyPortfolio/static/media/OpenSans_Condensed-Regular.bb1bc622aa23dc3357bf.woff2) format("woff2")}:root{--titles-color:#c90404}body,html{color:#fff;font-family:OpenSans,Arial,Helvetica,sans-serif;margin:0;min-height:100vh;min-width:100vw;overflow-x:hidden;overflow-y:scroll;::-webkit-scrollbar{display:none}}.home-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.background-layer,.particles-layer{left:0;position:fixed;top:0;z-index:-2}.particles-layer{z-index:-1}.container{grid-gap:clamp(1rem,5vw,4rem);align-items:center;box-sizing:border-box;display:grid;gap:clamp(1rem,5vw,4rem);grid-template-columns:1fr 1fr;height:auto;overflow:visible;padding:0 10%;position:relative;z-index:1}.text-content{animation-timeline:scroll(root block)!important;animation-range:0 80vh!important;animation:fadeOut-left linear both;box-sizing:border-box;margin:2vw 0 0 1rem;max-width:700px;padding:0 2vw;width:100%}h1{font-family:Retro,Arial,Helvetica,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin:0}.developer{color:#c90404;color:var(--titles-color)}.name-tag{align-items:center;background:#ffffff1a;border-radius:20px;display:flex;height:auto;justify-content:center;margin-top:10px;overflow:hidden;padding:clamp(.2rem,.5vw,1rem) clamp(.2rem,1.3vw,1.8rem);position:relative;width:fit-content}.name-tag span{font-family:Retro,Arial,Helvetica,sans-serif;font-size:clamp(.8rem,1vw,1rem);text-shadow:0 0 10px #ffffff80}.name-tag span,p{letter-spacing:1px}p{font-size:1.1rem;line-height:1.3;margin-top:10px}p.home-text{font-size:clamp(.8rem,1.3vw,1.5rem);text-align:justify}.buttons-container{margin-top:20px}.btn{border:none;cursor:pointer;font-family:Retro,Arial,Helvetica,sans-serif;font-size:clamp(.5rem,.9vw,1rem);font-weight:700;letter-spacing:1px;margin-bottom:50px;padding:clamp(.5rem,.6vw,1rem) clamp(.5rem,1.6vw,1rem);position:relative}.resume-btn{background:#c90404;background:var(--titles-color);color:inherit;margin-right:10px;text-decoration:none}.contact-btn{color:#000}.btn:before{border-left:2px solid #fff;border-top:2px solid #fff;left:0;top:0}.btn:after,.btn:before{content:"";height:10px;position:absolute;transition:.5s;width:10px}.btn:after{border-bottom:2px solid #fff;border-right:2px solid #fff;bottom:0;right:0}.contact-btn:before{border-left:2px solid #c90404;border-left:2px solid var(--titles-color);border-top:2px solid #c90404;border-top:2px solid var(--titles-color)}.contact-btn:after{border-bottom:2px solid #c90404;border-bottom:2px solid var(--titles-color);border-right:2px solid #c90404;border-right:2px solid var(--titles-color)}.btn:hover:after,.btn:hover:before{height:95%;width:96%}.btn:hover{background:#fff;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff;color:#000;transition-delay:.5s}.contact-btn:hover{background:#c90404;background:var(--titles-color);box-shadow:0 0 10px #c90404,0 0 20px #c90404,0 0 40px #c90404;box-shadow:0 0 10px var(--titles-color),0 0 20px var(--titles-color),0 0 40px var(--titles-color);color:#fff}.avatar-image{animation-timeline:scroll(root block)!important;animation-range:0 500px!important;animation:fadeOut-right linear both;border-radius:15%;height:auto;margin-left:auto;max-width:600px;object-fit:"cover";width:85%}.arrow-icon{height:auto;left:50%;position:absolute;top:90vh;width:clamp(2rem,4vw,6rem);z-index:-1}.bounce{animation:bounce 1s ease-in-out infinite}.fade-out{animation-timeline:scroll(root block)!important;animation-range:0 200px!important;animation:fade-Out linear both}.toast.toast-home{top:100px}@keyframes fadeOut-left{to{transform:scale(0) translateY(70vh) translateX(-250vw)}}@keyframes fadeOut-left-movile{to{transform:translateX(-100vw)}}@keyframes fadeOut-right{to{transform:scale(0) translateY(70vh) translateX(250vw)}}@keyframes fadeOut-right-movile{to{transform:translateX(100vw)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes fade-Out{to{opacity:0}}@media (max-width:950px){.container{gap:20px;grid-template-columns:1fr;padding:0 5%;text-align:center}.avatar-image{animation-timeline:scroll(root block)!important;animation-range:0 300px!important;animation:fadeOut-right-movile linear both;margin:0 auto;max-width:300px;order:-1;visibility:visible;width:70%}.name-tag{margin:10px auto}.text-content{animation-timeline:scroll(root)!important;animation-range:0 300px!important;animation:fadeOut-left-movile linear both;margin-top:0;max-width:100%;min-height:200px;visibility:visible}h1{font-size:3rem}.name-tag{font-size:.9rem;height:18px;width:150px}p{font-size:1rem}.btn{font-size:.9rem;padding:10px 16px}}@media (max-width:600px){h1{font-size:2.5rem}p{font-size:1.1rem}.btn{font-size:.8rem;padding:8px 14px}.avatar-image{margin-top:10%}}@media (max-width:450px){h1{font-size:2rem}p{font-size:.8rem}.btn{border-radius:0 10px 0 10px;font-size:.7rem;padding:6px 12px;transition:transform .5s ease}.btn:after,.btn:before{display:none}.btn:hover{background:#c90404;background:var(--titles-color);box-shadow:none;color:inherit;transform:translateY(5px);transition-delay:0s}}@font-face{font-display:swap;font-family:Retro;font-style:normal;font-weight:400;src:url(/MyPortfolio/static/media/Retro%20Floral.fc8596fc6b31bbf07f9b.woff2) format("woff2")}:root{--technology-distance-left:-7.5vw}.projects-section{margin:0 auto;max-width:78vw;padding:4rem 1rem 0}h2{animation-timeline:scroll(root block)!important;animation-range:0 35vh!important;animation:fadeIn linear both;font-family:Retro,Arial,Helvetica,sans-serif;font-size:5rem;font-weight:700;margin:0;text-align:center;text-shadow:0 0 10px #ffffff80;transform:translateY(-85vh) scale(0)}.projects-title{color:#c90404;text-shadow:0 0 10px #c9ffff99}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.project-card{animation-timeline:scroll(root block)!important;animation-range:0 35vh!important;animation:fadeIn-card linear both;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:.75rem;color:#fff;height:fit-content;opacity:0;overflow:hidden;transform:translateY(-65vh) scale(.7)}.project-card:nth-child(4){margin-top:-30vh}.project-card:nth-child(5){margin-top:-25vh}.project-header{align-items:center;display:flex;justify-content:space-between}.project-links{display:flex;gap:1rem}.icon{filter:invert(1);height:1.6rem;margin-top:1.2rem;transition:transform .3s ease;width:1.6rem}.icon:hover{transform:scale(1.2) rotate(45deg)}.project-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.project-image-container{aspect-ratio:16/9;overflow:hidden;position:relative}.project-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image{transform:scale(1.1)}.project-content{padding:.3rem 1.5rem 1.5rem}.project-description{border-bottom:1px solid #eee;line-height:1.5;margin-bottom:1rem;padding-bottom:1rem}.project-technologies-wrapper.mask-wrapper{-webkit-mask-image:linear-gradient(90deg,#0000,#fff 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#fff 10% 90%,#0000);overflow:hidden}.project-technologies{align-items:center;display:flex;gap:.9rem}.project-technologies.animate{animation:translate-technologies 3s ease-in-out infinite alternate}.technology{align-items:center;display:flex;flex-direction:column;gap:.5rem;min-width:max-content}.technology-logo{color:#fff;height:auto;object-fit:contain;width:clamp(25px,2.5vw,100px)}.technology-name{color:#aaa;font-size:.75rem}.technology:has(img[alt="Express.js logo"]),.technology:has(img[alt="jQuery logo"]){.technology-logo{filter:invert(1)}}.slider-container{margin-top:-45vh}@keyframes fadeIn{to{transform:translateY(-50vh) scale(1)}}@keyframes fadeIn-card{to{opacity:1;transform:translateY(-50vh) scale(1)}}@keyframes fadeIn-right-movile{0%{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes fadeIn-left-movile{0%{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes translate-technologies{0%{transform:translateX(-7.5vw);transform:translateX(var(--technology-distance-left))}to{transform:translateX(1rem)}}@media (max-width:1024px) and (min-width:440px){.project-technologies.animate{animation:none}.project-technologies-wrapper.mask-wrapper{-webkit-mask-image:none;mask-image:none}}@media (min-height:560px){.project-card:nth-child(4),.project-card:nth-child(5){margin-top:-15vh}}@media (max-width:1024px){h2{animation-timeline:scroll(root block)!important;animation-range:0 300px!important;animation:fadeIn-right-movile linear both;font-size:2.5rem;margin-bottom:20px;transform:translateY(0) scale(1)}.projects-section{max-height:fit-content}.projects-grid{align-items:center;display:flex;flex-direction:column}.project-card{animation:none;max-width:400px;opacity:1;transform:translateY(0) scale(1);width:90%}.project-card:first-child{animation-timeline:scroll(root block)!important;animation-range:0 70vh!important;animation:fadeIn-left-movile linear both}.project-card:nth-child(2){animation-timeline:scroll(root block)!important;animation-range:0 140vh!important;animation:fadeIn-right-movile linear both}.project-card:nth-child(3){animation-timeline:scroll(root block)!important;animation-range:0 210vh!important;animation:fadeIn-left-movile linear both}.project-card:nth-child(4){animation-timeline:scroll(root block)!important;animation-range:0 290vh!important;animation:fadeIn-right-movile linear both}.project-card:nth-child(5){animation-timeline:scroll(root block)!important;animation-range:0 360vh!important;animation:fadeIn-right-movile linear both}.project-card:last-child{animation-timeline:scroll(root block)!important;animation-range:0 430vh!important;animation:fadeIn-left-movile linear both}.project-card:nth-child(4),.project-card:nth-child(5),.project-card:nth-child(6){margin-top:inherit}.icon{height:1.3rem;width:1.3rem}.icon:hover{transform:scale(1.1)}.project-technologies{gap:.4rem}:root{--technology-distance-left:-10vw}.technology-name{font-size:.6rem}.slider-container{margin-top:5vh}}@media (max-width:400px){:root{--technology-distance-left:-16vw}}.container-about-me{align-items:center;box-sizing:border-box;display:grid;grid-template-columns:2fr 1fr;height:auto;overflow:visible;padding:0 10%;position:relative}.text-content-about-me{margin:3rem 0 0 1rem;max-width:85%}p.about-me-text{color:var(--text-color);font-size:1.3rem}.me{color:var(--titles-color)}.about-me-image{height:auto;margin:15% auto 0 0;max-width:700px;width:40vw}.glowing-circle{animation:liquid-effect 4s linear infinite alternate;background:radial-gradient(circle,#501e82cc 20%,#1e0a3299 60%,#0a001e4d 100%);border-radius:50%;box-shadow:0 0 50px #501e8280;height:clamp(300px,40vw,750px);position:absolute;right:clamp(0px,10vw,200px);top:clamp(0px,3vw,50px);transition:transform 2s ease-in-out;width:clamp(300px,40vw,750px);z-index:-1}.glowing-circle-animate{transform:translate(-100%,95%) scale(1.3)}.ball{height:80px;position:absolute;right:17%;top:62%;transition:top .4s ease-in,right .4s ease-in,transform .4s ease-in;width:80px;z-index:4}.ball.about-me-image-ballCSS{transform:scale(0);z-index:3}.ball.about-me-image-ballCSS.animate-ball{right:14%;top:48%;transform:scale(1)}.ball.about-me-image-ballHTML{right:14%;top:48%;transform:scale(0);z-index:2}.ball.about-me-image-ballHTML.animate-ball{right:17%;top:34%;transform:scale(1);transition-delay:.4s}.ball.about-me-image-ballJS{right:17%;top:34%;transform:scale(0);z-index:1}.ball.about-me-image-ballJS.animate-ball{right:21%;top:22%;transform:scale(1);transition-delay:.8s}@keyframes liquid-effect{0%{border-radius:30% 70% 46% 54%/64% 47% 53% 36%}25%{border-radius:36% 64% 53% 47%/58% 51% 49% 42%}50%{border-radius:45% 55% 58% 42%/47% 60% 40% 53%}75%{border-radius:40% 60% 55% 45%/49% 56% 44% 51%}to{border-radius:36% 64% 53% 47%/58% 51% 49% 42%}}@media (max-width:950px){.container-about-me{align-items:center;display:flex;flex-direction:column;padding:0 20px;text-align:center}.text-content-about-me{margin-bottom:20px;margin-top:40px}.text-content-about-me h1{font-size:2rem}.text-content-about-me p{font-size:.95rem;padding:0 15px}.about-me-images-container{display:none}}::placeholder{color:#999}.contact-container{align-items:center;display:grid;grid-template-columns:1fr 1fr;height:auto;overflow:visible;padding:0 10%;position:relative}.contact-form{box-sizing:border-box;display:flex;flex-direction:column;gap:15px;margin:10% 0 0 clamp(10%,20%,30%);order:2;width:clamp(80%,33vw,700px)}.contact-title{font-size:clamp(3rem,5vw,5rem);text-align:center}.form-input,.form-textarea{background-color:#ffffffe6;border:none;border-radius:10px;box-shadow:0 0 10px #ffffff4d;box-sizing:border-box;color:#333;font-family:OpenSans,sans-serif;font-size:1rem;letter-spacing:1px;padding:clamp(5px,2vw,15px);transition:all .3s ease}.form-input:focus,.form-textarea:focus{box-shadow:0 0 15px #fff9;outline:none;transform:scale(1.01)}.form-textarea{border-radius:10px;min-height:140px;resize:none}.btn-form{align-self:center;border-radius:0 10px 0 10px;font-size:15px;font-weight:400;letter-spacing:3px;width:clamp(50px,50%,250px)}button.btn.btn-form:hover:after,button.btn.btn-form:hover:before{border-bottom-left-radius:10px;border-top-right-radius:10px}.contact-me-img-container{height:auto;max-width:800px;order:1;position:relative;width:100%}.contact-image{height:auto;margin-top:20%;width:100%}.floating-img{height:auto;left:30%;position:absolute;top:40%;transform:scale(0);transition:all .8s ease;transition-delay:1.4s;width:clamp(10%,25%,30%);z-index:-1}.floating-img.phone-call-img{scale:.8;transition-delay:1.1s}.floating-img.doubt-img{scale:.8;transition-delay:.8s}.floating-img.messages-img{scale:1.2;transition-delay:.5s}.messages-img-animate{left:-5%;top:2%;transform:scale(1)}.doubt-img-animate{left:23%;top:-22%;transform:scale(1)}.phone-call-img-animate{left:45%;top:-10%;transform:scale(1)}.calendar-img-animate{left:70%;top:5%;transform:scale(1)}.toast-container{min-height:80px;position:fixed;right:20px;top:15vh;z-index:3}.toast{align-items:center;animation:fadeInToast .5s forwards,fadeOutToast .5s 3.5s forwards;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;max-width:300px;min-width:250px;opacity:0;padding:12px 16px;visibility:visible}.toast img.toast-icon{height:30px;margin-right:10px;width:30px}.toast div{display:flex;flex-direction:column}.toast strong{color:#333;font-size:16px}.toast p{color:#333;font-size:14px;margin:0}.toast-info{border-left:5px solid #007bff}.toast-success{border-left:5px solid #28a745}.toast-error{border-left:5px solid #dc3545}.spinner{animation:spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#000;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeInToast{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutToast{to{opacity:0;transform:translateX(20px)}}@media (max-width:950px){.contact-me-img-container{display:none}.contact-container{grid-template-columns:1fr}.contact-form{margin:auto}.toast-container{right:20px;top:20px}}
/*# sourceMappingURL=main.5b267e79.css.map*/