*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}:root{--main-bg-color:#03a9f4}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:linear-gradient(#03a9f4,#000532)}::-webkit-scrollbar-thumb{background:#484848;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#000}.loader-wrapper{background-color:#242424;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999999999}.loader,.loader-wrapper{align-items:center;display:flex}.loader{margin-left:-.65em}.load1{box-shadow:0 1px 7px rgba(0,0,0,.3)}.load1,.load2{background-color:#03a9f4;background-color:var(--main-bg-color);border-radius:5px;content:"";height:1.2em;margin-right:1em;position:absolute;width:1.2em}.load2{-webkit-animation:flow2 2s infinite;animation:flow2 2s infinite}.load3{-webkit-animation:flow3 2s infinite;animation:flow3 2s infinite}.load3,.load4{background-color:#03a9f4;background-color:var(--main-bg-color);border-radius:5px;content:"";height:1.2em;margin-right:1em;position:absolute;width:1.2em}.load4{-webkit-animation:flow4 2s infinite;animation:flow4 2s infinite}.load5{-webkit-animation:flow5 2s infinite;animation:flow5 2s infinite}.load5,.load6{background-color:#03a9f4;background-color:var(--main-bg-color);border-radius:5px;content:"";height:1.2em;margin-right:1em;position:absolute;width:1.2em}.load6{-webkit-animation:flow6 6s infinite;animation:flow6 6s infinite}.load7{-webkit-animation:flow7 6s infinite;animation:flow7 6s infinite}.load7,.load8{background-color:#03a9f4;background-color:var(--main-bg-color);border-radius:5px;content:"";height:1.2em;margin-right:1em;position:absolute;width:1.2em}.load8{-webkit-animation:flow8 6s infinite;animation:flow8 6s infinite}.load9{-webkit-animation:flow9 6s infinite;animation:flow9 6s infinite;background-color:#03a9f4;background-color:var(--main-bg-color);border-radius:5px;content:"";height:1.2em;position:absolute;width:1.2em}@-webkit-keyframes flow2{50%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateX(3em);transform:translateX(3em)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes flow2{50%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateX(3em);transform:translateX(3em)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes flow3{50%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateX(-3em);transform:translateX(-3em)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes flow3{50%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateX(-3em);transform:translateX(-3em)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes flow4{50%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateY(3em);transform:translateY(3em)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes flow4{50%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateY(3em);transform:translateY(3em)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes flow5{50%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateY(-3em);transform:translateY(-3em)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes flow5{50%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateY(-3em);transform:translateY(-3em)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes flow6{30%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateX(3em);transform:translateX(3em)}60%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateX(3em) translateY(-3em);transform:translateX(3em) translateY(-3em)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@keyframes flow6{30%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateX(3em);transform:translateX(3em)}60%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateX(3em) translateY(-3em);transform:translateX(3em) translateY(-3em)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@-webkit-keyframes flow7{30%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateX(-3em);transform:translateX(-3em)}60%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateX(-3em) translateY(3em);transform:translateX(-3em) translateY(3em)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@keyframes flow7{30%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateX(-3em);transform:translateX(-3em)}60%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateX(-3em) translateY(3em);transform:translateX(-3em) translateY(3em)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@-webkit-keyframes flow8{30%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateY(3em);transform:translateY(3em)}60%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateY(3em) translateX(3em);transform:translateY(3em) translateX(3em)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@keyframes flow8{30%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateY(3em);transform:translateY(3em)}60%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateY(3em) translateX(3em);transform:translateY(3em) translateX(3em)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@-webkit-keyframes flow9{30%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateY(-3em);transform:translateY(-3em)}60%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateY(-3em) translateX(-3em);transform:translateY(-3em) translateX(-3em)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@keyframes flow9{30%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateY(-3em);transform:translateY(-3em)}60%{box-shadow:0 1px 7px rgba(0,0,0,.3);-webkit-transform:translateY(-3em) translateX(-3em);transform:translateY(-3em) translateX(-3em)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@-webkit-keyframes spinning82341{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinning82341{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.about-container{align-items:center;background-color:#fff;color:#000;display:flex;justify-content:center;min-height:85vh;overflow:hidden;position:relative;width:100%}.about-content{display:flex;flex-direction:row;height:500px;margin:0 auto;max-width:1080px;width:90%}.about-desc>p{color:#000;line-height:1.5;max-width:550px}.about-desc>h3{color:#000;font-size:28px;margin-bottom:30px}.about-desc{display:flex;flex-direction:column;justify-content:center;padding:0 80px 0 0;width:55%}.about-img{align-self:center;display:flex;object-fit:cover;width:45%}.about-img img{border-radius:50px 0 0 50px;width:100%}@media only screen and (max-width:960px){.about-content{flex-direction:column;height:auto;padding:0}.about-desc{margin:0;padding:60px 0 50px;width:100%}.about-desc>p{max-width:100%}.about-img{width:100%}.about-desc>h3{font-size:23px;text-align:center}.about-desc>p{text-align:justify}.about-img img{border-radius:0;margin:0 auto;max-height:350px;max-width:500px;width:100%}}.cover-container{align-items:center;background-color:#222323;display:flex;flex-direction:column;height:100vh;justify-content:center;object-fit:contain;overflow:hidden;position:relative;width:100%}.banner-container{align-items:center;display:flex;font-size:1rem;height:100%;max-width:1080px;width:90%}.saludo{color:#fff;font-size:10px}.cover-container .name-container h1{font-size:115px}.cover-container p{color:#fff;font-size:20px;margin-top:6px}.cover-typed{display:flex}.cover-typed span{color:#fff;font-size:20px;margin-left:10px;margin-top:6px}.name-container{width:60%;z-index:999}.banner-img{align-items:center;display:flex;justify-content:center;width:40%}.banner-img img{width:95%}.banner-img{-webkit-animation:floating 10s linear infinite;animation:floating 10s linear infinite}@-webkit-keyframes floating{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-35px);transform:translateY(-35px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes floating{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-35px);transform:translateY(-35px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:960px){.banner-img{display:none}.name-container{width:100%}.banner-container{gap:0;text-align:center}.cover-container .name-container h1{font-size:82px}.cover-container p,.cover-container span{font-size:20px}.cover-typed{flex-direction:column}}@media screen and (min-width:1200px){.cover-container .name-container h1{font-size:132px}}.bubble{align-items:center;border-radius:50%;display:flex;justify-content:center;opacity:0;pointer-events:none;position:absolute}.bubble:first-child{-webkit-animation:bubble 5s linear infinite;animation:bubble 5s linear infinite;bottom:5%;height:120px;left:10%;width:120px}.bubble:nth-child(2){-webkit-animation:bubble2 10s linear infinite;animation:bubble2 10s linear infinite;bottom:5%;height:120px;left:16%;width:120px}.bubble:nth-child(3){-webkit-animation:bubble2 7s linear infinite;animation:bubble2 7s linear infinite;bottom:5%;height:120px;left:22%;width:120px}.bubble:nth-child(4){-webkit-animation:bubble 5s linear infinite;animation:bubble 5s linear infinite;-webkit-animation-delay:1s;animation-delay:1s;bottom:5%;height:120px;left:50%;width:120px}.bubble:nth-child(5){-webkit-animation:bubble2 9s linear infinite;animation:bubble2 9s linear infinite;bottom:5%;height:120px;left:40%;width:120px}.bubble:nth-child(6){-webkit-animation:bubble 12s linear infinite;animation:bubble 12s linear infinite;bottom:5%;height:120px;left:35%;width:120px}@-webkit-keyframes bubble{0%{bottom:-10%;opacity:0;-webkit-transform:scale(8%);transform:scale(8%)}50%{opacity:.6;-webkit-transform:scale(50%);transform:scale(50%);-webkit-transform:translateX(50px);transform:translateX(50px)}to{bottom:90vh;opacity:.1;-webkit-transform:scale(100%);transform:scale(100%);-webkit-transform:translateX(-30px);transform:translateX(-30px)}}@keyframes bubble{0%{bottom:-10%;opacity:0;-webkit-transform:scale(8%);transform:scale(8%)}50%{opacity:.6;-webkit-transform:scale(50%);transform:scale(50%);-webkit-transform:translateX(50px);transform:translateX(50px)}to{bottom:90vh;opacity:.1;-webkit-transform:scale(100%);transform:scale(100%);-webkit-transform:translateX(-30px);transform:translateX(-30px)}}@-webkit-keyframes bubble2{0%{bottom:-10%;opacity:0;-webkit-transform:scale(8%);transform:scale(8%)}50%{opacity:.6;-webkit-transform:scale(50%);transform:scale(50%);-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{bottom:90vh;opacity:.1;-webkit-transform:scale(100%);transform:scale(100%);-webkit-transform:translateX(50px);transform:translateX(50px)}}@keyframes bubble2{0%{bottom:-10%;opacity:0;-webkit-transform:scale(8%);transform:scale(8%)}50%{opacity:.6;-webkit-transform:scale(50%);transform:scale(50%);-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{bottom:90vh;opacity:.1;-webkit-transform:scale(100%);transform:scale(100%);-webkit-transform:translateX(50px);transform:translateX(50px)}}.title-wave-container{position:relative}.title-wave-container h1:before{-webkit-animation:wave1 4s ease-in-out infinite;animation:wave1 4s ease-in-out infinite;color:#03a9f4;content:"Portafolio";font-weight:100;position:absolute}.title-wave-container h1{-webkit-text-stroke:1px #fff;color:transparent;font-weight:100}@-webkit-keyframes wave1{0%,to{-webkit-clip-path:polygon(0 45%,15% 44%,32% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 45%,15% 44%,32% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}@keyframes wave1{0%,to{-webkit-clip-path:polygon(0 45%,15% 44%,32% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 45%,15% 44%,32% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}.wave{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;min-height:120px;pointer-events:none;position:absolute;width:150%}.w1{-webkit-animation:waveDown 19s linear infinite;animation:waveDown 19s linear infinite;opacity:.5}.w1,.w2{max-height:120px}.w2{-webkit-animation:waveDown 22s linear infinite;animation:waveDown 22s linear infinite}@-webkit-keyframes waveDown{0%{margin-left:0}50%{margin-left:-90px}to{margin-left:0}}@keyframes waveDown{0%{margin-left:0}50%{margin-left:-90px}to{margin-left:0}}@media screen and (max-width:960px){.title-wave-container{display:flex;justify-content:center}.cover-container>h1{text-align:center;width:90%}.cover-container>p{line-height:30px;text-align:center;width:85%}}.footer{background-color:#0c0c0c;bottom:0;color:#fff;left:0;min-height:100vh;position:fixed;width:100%;z-index:-9}.scrolling{display:block}.footer-container-relative{min-height:100vh;position:relative;width:100%}.video-container{bottom:0;height:100vh;left:0;object-fit:contain;overflow:hidden;pointer-events:none;position:absolute;width:100%}.video{height:100vh;object-fit:cover;width:100%}.footer-contacts-container{align-items:center;display:flex;height:100vh;justify-content:center;margin:0 auto;max-width:1080px;position:relative;width:90%}.footer-col{min-height:60%}.footer-col-left{margin:0 auto;width:50%}.footer-info{font-size:30px;margin:0;padding:0 0 20px}.footer-info h2{padding-bottom:5px}.footer-info p{font-size:20px}.footer-contact{font-size:20px;padding:5px 0 30px}.contact-mail{background-color:#1da7f2;border:1px #2c38d7;border-radius:1.2rem;padding:1.2rem;text-align:center}.contact-mail i{font-size:1.5rem;margin-bottom:10px}.contact-mail a{text-decoration:none}.footer-contact p:nth-child(2){margin-bottom:10px}.footer-contact a:nth-child(3),.footer-contact a:nth-child(5){color:#00d5ff;font-size:15px;margin-bottom:5px;text-decoration:none}.footer-col-right{padding:0 0 0 45px;width:50%}.text-form{font-size:1.5rem;margin:0 0 20px}.form-container{margin:auto 0}.form-container form{display:flex;flex-direction:column;gap:1.2rem}.form1 input,.form1 textarea{background-color:#1717de08;border:2px solid #03a9f4;border-radius:.5rem;color:#fff;padding:10px 20px;resize:none;width:100%}.form1 button{background-color:#00d5ff;border-radius:20px;font-weight:600;padding:9px 8px;transition:.2s ease-in;width:120px}.form1 button:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1);transition:.2s ease-in}.footer-sns-container{background-color:#1c1c1c;bottom:0;left:0;position:absolute;right:0;width:100%}.footer-sns{align-items:center;display:grid;font-size:20px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1080px;width:90%}.footer-sns .design-by{color:#fff;font-size:13px}.footer-sns a{color:#00d5ff;margin-left:5px}.sns-links{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:end;width:100%}.sns-links a{width:25px}.sns-links .fa-facebook-messenger,.sns-links .fa-whatsapp,.sns-links .linkedin{border-bottom:2px solid transparent;color:#fff;margin:5px 0 2px;transition:all 1s ease-out}.sns-links .linkedin:hover{border-color:#007bb5;color:#007bb5;transition:all 1s ease-out}.sns-links .fa-whatsapp:hover{border-color:#4dc247;color:#4dc247;transition:all 1s ease-out}.sns-links .fa-facebook-messenger:hover{background:linear-gradient(to right top,#0695ff,#a334fa,#ff6968);-webkit-background-clip:text;border-color:#0695ff;color:transparent;transition:all 1s ease-out}.contact-mail{display:flex;flex-direction:column;height:120px;justify-content:space-around;margin:0 auto;width:180px}@media screen and (max-width:960px){.footer-col{min-height:20%}.footer-col-right{padding:0}.footer-contacts-container{flex-direction:column;height:auto;min-height:100vh}.footer-col-left,.footer-col-right{width:95%}.footer-info{font-size:20px;padding:0 0 0 20px}.footer-contact{padding:20px 0 20px 20px}.socials{font-size:10px;margin:10px auto}.contact-mail{display:none}.form-container{font-size:10px;margin:0 auto;padding:0;width:90%}.text-form{display:none;margin:0 0 10px 20px}.form1 input,.form1 textarea{max-width:500px}.sns-links{display:none}.footer-sns{display:block;padding:10px 0;width:80%}.video{width:auto}}.socials{align-items:center;display:flex;justify-content:flex-start;margin:10px auto}.socials ul{display:flex;margin:0;position:relative}.socials ul li{cursor:pointer;list-style:none;margin:0 20px;position:relative}.socials ul li a{text-decoration:none}.socials ul li a .fa-brands,.socials ul li a .fa-solid{color:#2f2f2f;font-size:50px}.socials ul li:before{font-family:fontAwesome;font-size:50px;height:0;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transition:.5s ease-in-out}.socials ul li:first-child:before{border-bottom:4px solid #4dc247;color:#4dc247;content:"\f232"}.socials ul li:nth-child(2):before{border-bottom:4px solid #007bb5;color:#007bb5;content:"\f08c"}.socials ul li:nth-child(3):before{background:linear-gradient(to right top,#0695ff,#a334fa,#ff6968);-webkit-background-clip:text;border-bottom:4px solid #0695ff;color:transparent;content:"\f39f"}.socials ul li:nth-child(4):before{border-bottom:4px solid #ea4335;color:#ea4335;content:"\f0e0";margin-top:-1px}.socials ul li:hover:before{height:100%}@media screen and (max-width:960px){.socials{margin:10px 0 30px}.socials ul{margin:0}}.info-container{background-color:#fff;box-shadow:0 80px 30px 10px #0c0c0c;color:#000;height:360px;margin-bottom:100vh;overflow:hidden;position:relative;width:100%}.info{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-top:45px}.info p{font-size:25px;font-weight:600}.info a{background-color:#000532;border-radius:20px;color:#00d5ff;font-weight:600;margin:50px 0 0;padding:11px 17px;text-decoration:none}.info a,.info a:hover{transition:.2s ease-in}.info a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.wd1{-webkit-animation:waveDown 12s linear infinite;animation:waveDown 12s linear infinite}.wd2{-webkit-animation:waveDown 8s linear infinite;animation:waveDown 8s linear infinite}.wd3{-webkit-animation:waveDown 10s linear infinite;animation:waveDown 10s linear infinite;min-height:140px}.info-spacer{height:0}@media screen and (max-width:960px){.info p{font-size:20px;text-align:center;width:90%}}.load-page{align-items:center;background:#000532;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.load-page p{font-size:25px;font-weight:400;margin-top:8px}.react-spinner-loader-swing div{border-radius:50%;float:left;height:1em;width:1em}.react-spinner-loader-swing div:first-of-type{background:linear-gradient(90deg,#385c78 0,#325774)}.react-spinner-loader-swing div:nth-of-type(2){background:linear-gradient(90deg,#325774 0,#47536a)}.react-spinner-loader-swing div:nth-of-type(3){background:linear-gradient(90deg,#4a5369 0,#6b4d59)}.react-spinner-loader-swing div:nth-of-type(4){background:linear-gradient(90deg,#744c55 0,#954646)}.react-spinner-loader-swing div:nth-of-type(5){background:linear-gradient(90deg,#9c4543 0,#bb4034)}.react-spinner-loader-swing div:nth-of-type(6){background:linear-gradient(90deg,#c33f31 0,#d83b27)}.react-spinner-loader-swing div:nth-of-type(7){background:linear-gradient(90deg,#da3b26 0,#db412c)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{background:#e3dbd2;border-radius:50%;-webkit-filter:blur(1px);filter:blur(1px);float:left;height:.25em;width:1em}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@-webkit-keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@-webkit-keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@-webkit-keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.57em);transform:translateX(-1.75em)}}@keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.75);transform:translateX(-1.75em)}}@-webkit-keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}.react-spinner-loader-swing-l{-webkit-animation:ball-l .425s ease-in-out infinite alternate;animation:ball-l .425s ease-in-out infinite alternate}.react-spinner-loader-swing-r{-webkit-animation:ball-r .425s ease-in-out infinite alternate;animation:ball-r .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-l{-webkit-animation:shadow-l-n .425s ease-in-out infinite alternate;animation:shadow-l-n .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-r{-webkit-animation:shadow-r-n .425s ease-in-out infinite alternate;animation:shadow-r-n .425s ease-in-out infinite alternate}.react-spinner-loader-svg-calLoader{animation:loader-spin 1.4s linear infinite;-webkit-animation:loader-spin 1.4s linear infinite;height:230px;-webkit-transform-origin:115px 115px;transform-origin:115px 115px;width:230px}.react-spinner-loader-svg-cal-loader__path{animation:loader-path 1.4s ease-in-out infinite;-webkit-animation:loader-path 1.4s ease-in-out infinite}@-webkit-keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.react-spinner-loader-svg svg{-webkit-transform-origin:50% 65%;transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;-webkit-animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}@-webkit-keyframes dash{to{stroke-dashoffset:136}}@keyframes dash{to{stroke-dashoffset:136}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.wrapper{position:absolute;right:0}.wrapper .icon{margin:20px}.nav-icon-5{cursor:pointer;display:inline-block;height:30px;margin:10px;position:relative;width:35px}.nav-icon-5 span{background-color:#fff;border-radius:2px;height:4px;position:absolute;transition:.3s cubic-bezier(.8,.5,.2,1.4);transition-duration:.5s;width:100%}.nav-icon-5 span:first-child{left:0;top:0}.nav-icon-5 span:nth-child(2){left:0;opacity:1;top:13px}.nav-icon-5 span:nth-child(3){bottom:0;left:0}.nav-icon-5:not(.open):hover span:first-child{-webkit-transform:rotate(-3deg) scaleY(1.1);transform:rotate(-3deg) scaleY(1.1)}.nav-icon-5:not(.open):hover span:nth-child(2){-webkit-transform:rotate(3deg) scaleY(1.1);transform:rotate(3deg) scaleY(1.1)}.nav-icon-5:not(.open):hover span:nth-child(3){-webkit-transform:rotate(-4deg) scaleY(1.1);transform:rotate(-4deg) scaleY(1.1)}.nav-icon-5.open span:first-child{top:13px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav-icon-5.open span:nth-child(2){opacity:0}.nav-icon-5.open span:nth-child(3){top:13px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media only screen and (min-width:90px){.wrapper{display:none}}.navbar{background-color:transparent;font-size:20px;height:60px;position:fixed;top:0;transition:all 2s ease;width:100%;z-index:9999}.nav-container{display:flex;justify-content:space-between;margin:0 auto;max-width:1080px;position:relative;width:90%}.scrolling{background-color:#1c1c1c;transition:all 2s ease}.navbar-logo{color:#fff;cursor:pointer;height:60px;line-height:60px}.navbar .links{align-items:center;display:flex;gap:10px}.navbar .links .nav-link{cursor:pointer;list-style:none;transition:1s}.navbar .links .nav-link a{color:#00d5ff;cursor:pointer;font-size:15px;font-weight:200;text-decoration:none}.navbar .links .nav-link:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media only screen and (max-width:960px){.nav-container .links{background:#1c1c1c;border-radius:0 0 50% 50%;display:block;left:-10%;margin:0 auto;position:absolute;text-align:center;top:-700px;transition:.5s;width:120%}.nav-link{margin:7px}.activo{margin:0 auto!important;top:0!important}}.skills-section{background:#fff;padding:50px 0 10px;width:100%}.skills-container{margin:0 auto;max-width:1080px;position:relative;width:90%;z-index:1}.skills-title{font-weight:500;margin:30px 0 0;max-width:1080px;text-align:center}.skills-row{flex-wrap:wrap;gap:10px;justify-content:space-between;margin:20px 0;width:100%}.skill,.skills-row{align-items:center;display:flex}.skill{background:#000532;border-radius:20px;height:180px;justify-content:center;margin:10px 0;transition:.5s;width:130px}.skill:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.skill img{max-height:100px;max-width:100px}@media screen and (max-width:960px){.skill{height:190px;width:140px}.skills-row{justify-content:space-around}}.container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;max-width:1080px;width:100%}.container .card-container{background-color:#262184;margin:0;overflow:hidden;padding:3px;position:relative}.card,.card-container{border-radius:20px}.container .card{align-items:center;box-shadow:0 20px 50px rgba(0,0,0,.2);display:flex;height:330px;justify-content:center;position:relative;width:230px}.container:hover .card{opacity:.2}.container:hover .card:hover{opacity:1}.container .card .content{padding:40px 30px 20px;text-align:center}.container .card .content h3{color:#03a9f4;font-size:4em;font-weight:800;opacity:.1;position:absolute;right:30px;transition:.5s;z-index:1}.container .card:hover .content h3{opacity:1;-webkit-transform:translateY(-70px);transform:translateY(-70px)}.container .card .content h4{color:#fff;font-size:22px;letter-spacing:1px;margin-bottom:10px;opacity:.5;position:relative;transition:.5s;z-index:2}.container .card:hover .content h4,.container .card:hover .content p{opacity:1}.container .card:hover .pr1{opacity:.7}.container .card .content p{color:#fff;font-size:.8em;font-weight:300;letter-spacing:1px;opacity:.5;position:relative;transition:.5s;z-index:2}.container .card .content a{background-color:#fff;border-radius:15px;color:#0c002b;cursor:pointer;display:inline-block;font-weight:620;margin-top:30px;padding:8px 15px;text-decoration:none;text-transform:uppercase}.container .card span{opacity:0;transition:.5s}.card-container:hover .snakes:after,.card-container:hover .snakes:before{opacity:1}.snakes{align-items:center;display:flex;height:336px;justify-content:center;left:0;position:absolute;top:0;width:236px}.snakes:after,.snakes:before{-webkit-animation:snake 4s linear infinite;animation:snake 4s linear infinite;background:conic-gradient(transparent,transparent,transparent,#03a9f4);content:"";height:400px;opacity:0;position:absolute;width:400px}.snakes:after{-webkit-animation-delay:-2s;animation-delay:-2s}@-webkit-keyframes snake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes snake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (max-width:960px){.container{justify-content:space-around}}.proyects-container{align-items:center;background-color:#0c0c0c;display:flex;flex-direction:column;justify-content:center;min-height:80vh;overflow:hidden;padding:0 0 30px;position:relative;width:100%}.proyects-title{color:#fff;font-size:30px;margin:65px auto;padding:0 100px;text-align:center;width:100%}.align-slider{max-width:1080px;width:90%}.pr-back{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.pr-active{opacity:.2!important}@media only screen and (max-width:960px){.proyects-container{flex-direction:column}.proyects-title{font-size:25px}}
/*# sourceMappingURL=main.aacc19bb.css.map*/