@import"https://fonts.googleapis.com/css2?&family=Secular+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;scroll-behavior:smooth}:root{--lighter: linear-gradient(159deg, rgb(45, 45, 58) 0%, rgb(43, 43, 53) 100%);---background: #191923}body{width:100%;background-color:var(---background);color:#fff;overflow-x:hidden;position:relative}.page{margin-top:5rem}.green{color:#01be96}.fixed-top{position:fixed;width:100%;top:0;z-index:100}.slick-list,.slick-slider,.slick-track{padding:1.5rem 0}.center .slick-center .project{transform:scale(1.3);z-index:10000;transition:all .4s ease-in-out;pointer-events:all;opacity:1}.center .project{opacity:.7;pointer-events:none}@media(max-width:990px){.center .slick-center .project{transform:scale(1)}.center .project{opacity:1;pointer-events:all}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes header{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.header-wrapper{display:flex;align-items:center;justify-content:space-between;max-width:1280px;width:80%;height:5rem;margin:0 auto;padding:1.5rem 0;position:relative;animation:header .5s ease-in-out}@media(max-width:840px){.header-wrapper{width:90%}}.header-wrapper .bars{display:none}@media(max-width:640px){.header-wrapper .bars{width:40px;height:40px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;padding:.5rem;z-index:1000}.header-wrapper .bar{font-size:1.3rem}}.header-wrapper .logo{display:flex;align-items:center;gap:.5rem}.header-wrapper .logo span{font-size:1.8rem}.header-wrapper .logo h1{font-weight:600;font-size:1.2rem}@media(max-width:640px){.header-wrapper .nav{position:fixed;display:flex;flex-direction:column;background-color:#01be96;inset:0;justify-content:center;align-items:center;font-size:2rem;gap:2rem;font-weight:700;height:0;transition:height .4s ease-in-out;overflow:hidden;z-index:100}}.header-wrapper .nav span{margin-left:1rem}.header-wrapper .nav span a{color:#fff;text-decoration:none;font-weight:400;position:relative}.header-wrapper .nav span a:before{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background-color:#fff;transform:scale(0);transform-origin:right;transition:transform .4s ease-in-out}.header-wrapper .nav span a:hover:before{transform:scale(1);transform-origin:left}.header-wrapper .nav span a:hover{opacity:.7}.header-wrapper .nav-open{height:100%}.prof-wrapper{display:flex;gap:2rem;padding-top:6rem;width:80%;max-width:1280px;margin:0 auto;z-index:1}@media(max-width:840px){.prof-wrapper{width:90%}}@media(max-width:640px){.prof-wrapper{flex-direction:column}}.texts{flex:1}.texts h4{padding:1rem 0;font-weight:500}.texts h1{font-size:2rem;font-family:Secular One,sans-serif;letter-spacing:2px}.texts h3{font-weight:500;font-size:1.2rem;padding-bottom:1.2rem;text-transform:capitalize}.texts p{font-weight:300}.texts a{display:inline-block;padding:.7rem 2rem;margin-top:3rem;margin-right:1rem;cursor:pointer;text-decoration:none;background-color:#01be96;border:none;color:#fff;font-weight:500;filter:drop-shadow(0px 10px 10px rgba(1,190,149,.3176470588));transition:transform .5s ease;-webkit-transition:transform .5s ease;-moz-transition:transform .5s ease;-ms-transition:transform .5s ease;-o-transition:transform .5s ease;-webkit-filter:drop-shadow(0px 10px 10px rgba(1,190,149,.3176470588))}.texts a:hover{filter:drop-shadow(0px 10px 10px rgba(1,190,149,.4392156863));transform:translate(5px);-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px)}.texts .cv-button{background-color:transparent;border:1px solid #01be96;color:#01be96}.texts .cv-button:hover{background-color:#01be9513}.social{margin-top:3rem;display:flex;align-items:center;gap:1rem}.social p{font-size:.9rem}@media(max-width:690px){.social p{font-size:.7rem}}.social .social-icons{display:flex;align-items:center;gap:1rem}.social .social-icons span{width:2.3rem;height:2rem;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background-color:#01be96;position:relative;transition:transform .4s ease-in-out}.social .social-icons span:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg)}.social .social-icons a{color:#fff;position:absolute;top:55%;left:50%;transform:translate(-50%,-153%);-webkit-transform:translate(-50%,-153%);-moz-transform:translate(-50%,-153%);-ms-transform:translate(-50%,-153%);-o-transform:translate(-50%,-153%)}.profile img{width:30rem;filter:drop-shadow(0px 10px 10px rgba(1,190,149,.4392156863));transition:transform .4s ease-in-out}@media(max-width:790px){.profile img{width:20rem}}@media(max-width:660px){.profile img{width:18rem}}@media(max-width:640px){.profile img{width:100%}}.profile:hover img{transform:translateY(-10px)}.footer-wrapper{margin-top:2rem;position:relative;padding:2rem 0;width:80%;max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;flex-direction:column;gap:3rem}@media(max-width:840px){.footer-wrapper{width:90%}}.footer-wrapper .flexbox{display:flex;flex-direction:column}@media only screen and (min-width:640px){.footer-wrapper .flexbox{flex-direction:row;justify-content:space-around}}.profile{flex:1}.profile h2{font-size:2rem;margin-bottom:2rem}@media only screen and (min-width:640px){.profile h2{text-align:center}}.profile .links h1{font-size:1.2rem;margin-bottom:.5rem}.profile .links div{display:flex;align-items:center;gap:.5rem}.profile .links div a{text-decoration:none;color:#d3d3d3}.profile .links div a:hover{color:orange}@media only screen and (min-width:640px){.profile .links div{margin-bottom:.3rem}}.profile .profiles{display:flex;flex-direction:column}.profile .profiles h1{font-size:1.2rem;padding:1rem 0}@media only screen and (min-width:640px){.profile .profiles h1{padding-top:0}}.profile .profiles .icons{display:flex;align-items:center}.profile .profiles .icons span{display:flex;align-items:center;justify-content:center;background-color:#000;width:2rem;height:2rem;margin-right:.5rem;border-radius:50px}.profile .profiles .icons span:hover{background-color:orange}.profile .profiles .icons span a{margin-top:.2rem;color:#fff}.arrowUp-wrapper{align-self:flex-end}@media only screen and (min-width:640px){.arrowUp-wrapper{align-self:flex-start}}.arrowUp-wrapper .arrowUp{width:2rem;height:2rem;background-color:#01be96;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.3rem;font-weight:700;margin-top:2rem}.project-wrapper{height:13rem;background-color:#7a7f88;margin:0 .5rem;padding:.5rem;border-radius:5px;position:relative;overflow:hidden}.project-wrapper img{width:100%;transition:transform .4s ease-in-out;box-shadow:2px 2px 2px solid #000;object-fit:contain}.project-wrapper .disc{position:absolute;right:0;left:0;bottom:0;text-align:left;padding:.5rem;background:linear-gradient(#0006,#000c);transition:all .4s ease-in-out}@media only screen and (min-width:640px){.project-wrapper .disc{bottom:-10rem}}.project-wrapper .disc h1{font-size:1rem}.project-wrapper .disc p{width:90%;font-size:.8rem}.project-wrapper .disc p span{margin-left:.4rem;color:red}.project-wrapper .disc p a{margin-left:.4rem;color:#01be96}.project-wrapper:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}.project-wrapper:hover .disc{bottom:0}.slider-wrapper{position:relative;overflow-x:hidden}.slider-wrapper .slick-track{display:flex}.buttons button{width:2.5rem;height:2.5rem;background-color:#0006;cursor:pointer;color:#01be96;border:none;position:absolute;top:85%;right:7rem}@media only screen and (min-width:640px){.buttons button{top:45%;right:2rem;background-color:#0009}}.buttons .back{left:7rem}@media only screen and (min-width:640px){.buttons .back{left:2rem}}.projects-wrapper{width:80%;max-width:1280px;margin:0 auto;padding:6rem 0;text-align:center;position:relative}@media(max-width:840px){.projects-wrapper{width:90%}}.projects-wrapper h1{font-size:1.9rem}.projects-wrapper p{width:28rem;margin:0 auto;padding:1rem 0;font-size:.9rem}@media(max-width:500px){.projects-wrapper p{width:90%}}.proyects-container img{width:100%}.skill-wrapper img{width:60%;margin:0 20%}.skill-wrapper img:hover{filter:drop-shadow(0px 10px 10px rgba(1,190,149,.3176470588));-webkit-filter:drop-shadow(0px 10px 10px rgba(1,190,149,.3176470588))}.skill-wrapper h5{text-align:center;filter:drop-shadow(0px 10px 10px rgba(1,190,149,.3176470588));-webkit-filter:drop-shadow(0px 10px 10px rgba(1,190,149,.3176470588))}.skill-wrapper:hover img{animation:animated_img 4s infinite;-webkit-animation:animated_img 4s infinite}@media(min-width:640px){.skill-wrapper img{width:50%;margin:0 25%}}@keyframes animated_img{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}35%{transform:translateY(-8px) rotate(-5deg);-webkit-transform:translateY(-8px) rotate(-5deg);-moz-transform:translateY(-8px) rotate(-5deg);-ms-transform:translateY(-8px) rotate(-5deg);-o-transform:translateY(-8px) rotate(-5deg)}70%{transform:translateY(-4px) rotate(5deg);-webkit-transform:translateY(-4px) rotate(5deg);-moz-transform:translateY(-4px) rotate(5deg);-ms-transform:translateY(-4px) rotate(5deg);-o-transform:translateY(-4px) rotate(5deg)}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.skills-wrapper{margin:0 1.3rem;padding:6.5rem 0}.skills-wrapper h4{font-size:1.5rem;margin-bottom:2rem}@media only screen and (min-width:640px){.skills-wrapper{margin:0 8rem}}.card-wrapper{width:100%;background:linear-gradient(159deg,#2d2d3a,#2b2b35);padding:1rem;text-align:center;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}@media(max-width:640px){.card-wrapper{margin-bottom:1rem}}.card-wrapper:hover{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px)}.card-wrapper:hover .icon{color:#fff;transform:scale(1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}.card-wrapper:hover h1{color:#01be96}.card-wrapper span{font-size:4rem}.card-wrapper span .icon{font-size:3rem;transition:transform .3s ease,color .3s ease;-webkit-transition:transform .3s ease,color .3s ease;-moz-transition:transform .3s ease,color .3s ease;-ms-transition:transform .3s ease,color .3s ease;-o-transition:transform .3s ease,color .3s ease}.card-wrapper h1{font-size:1.4rem;padding-bottom:1rem;transition:color .5s ease;-webkit-transition:color .5s ease;-moz-transition:color .5s ease;-ms-transition:color .5s ease;-o-transition:color .5s ease}.card-wrapper p{font-size:.8rem}.services-wrapper{width:80%;max-width:1280px;margin:0 auto;padding:6rem 0}@media(max-width:840px){.services-wrapper{width:90%}}.services-wrapper h1{padding-top:1rem}.cards{margin-top:4rem;gap:1rem}@media(min-width:640px){.cards{display:flex}.cards div{width:100%}}.banner{background:linear-gradient(159deg,#2d2d3a,#2b2b35);padding-bottom:2rem}@media(max-width:640px){.banner{height:100%;padding-bottom:2rem}}.lightColor{background:linear-gradient(159deg,#2d2d3a,#2b2b35)}