@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,500&display=swap);@font-face{font-family:Aveniornextltpro;src:url(/static/media/avenirnextltpro-regular.b7932be4a80ae3e15dd8.woff2)}@font-face{font-family:Aveniornextltpro-bold;src:url(/static/media/avenirnextltpro-bold.ac12d53bfb4ecb017e0c.woff2)}@font-face{font-family:Aveniornextltpro-medium;src:url(/static/media/avenirnextltpro-medium.8b20bd0bc14fa77dd3e9.woff2)}@font-face{font-family:superiortitle;src:url(/static/media/superiortitle-light.77ea688b18926917848d.woff2)}.hire-btn,.main-btn,button{border:1px solid #2f3c7e;border-radius:50px;cursor:pointer;display:inline-block;font-size:15px;font-weight:500;line-height:48px;padding:0 40px;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}*{box-sizing:border-box;font-family:Poppins,sans-serif;list-style:none;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}body{background-color:#eee;color:#2f3c7e}.container{margin:0 auto;max-width:1140px}.heading{color:#2f3c7e;display:block;font-family:Aveniornextltpro-bold,Helvetica,sans-serif;font-size:1.625em;letter-spacing:3px;margin:0 0 30px;text-align:center;text-transform:uppercase}.header-container{background-color:#eee;box-shadow:0 5px 15px rgba(0,0,0,.35);position:fixed;top:0;width:100%;z-index:99}.navbar{background-color:#2f3c7e;font-size:1.2rem;position:-webkit-sticky;position:sticky;top:0;z-index:20}.nav-container,.navbar{align-items:center;display:flex;height:80px;justify-content:center}.nav-container{max-width:1500px;width:100%}.main-container{background-color:rgba(0,0,0,.3);bottom:0;left:0;position:absolute;right:0;top:0}.nav-logo{align-items:center;color:#fff;cursor:pointer;flex-grow:1;font-size:2rem;font-weight:700;margin-left:20px;text-decoration:none}.nav-menu{display:flex;list-style:none;margin-right:2rem;text-align:center}.nav-links{border-bottom:3px solid transparent;color:#fff;height:100%;padding:.5rem 1rem;text-decoration:none}.fa-code{margin-left:1rem}.nav-item{line-height:40px;margin-right:1rem}.nav-item:after{background:transparent;content:"";display:block;height:3px;transition:width .7s ease,background-color .5s ease;width:0}.nav-item:hover:after{background:#fff;width:100%}.nav-item .active{border-bottom:3px solid #fff;color:#fff;font-weight:700}.nav-icon{display:none}@media screen and (max-width:960px){.nav-menu{border-top:1pxsolid #fff;display:flex;flex-direction:column;left:-110%;position:absolute;top:80px;width:100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#2f3c7e;left:0;z-index:1}.nav-item .active{border:none;color:#fff}.nav-links{display:table;padding:1.5rem;width:100%}.nav-icon{color:#fff;cursor:pointer;display:block;font-size:1.8rem;position:absolute;right:0;top:0;-webkit-transform:translate(-100%,60%);transform:translate(-100%,60%)}}.backto-top{background-color:#2f3c7e;border:1px solid #fff;border-radius:50%;bottom:30px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:inline-block;height:50px;position:fixed;right:30px;text-align:center;transition:background-color .3s,opacity .5s,visibility .5s;width:50px;z-index:1000}.backto-top:after{color:#fff;font-size:2em;line-height:50px}.backto-top:hover{background-color:#fff;border:1px solid #2f3c7e;cursor:pointer}.backto-top:hover i{color:#2f3c7e}.backto-top i{color:#fff;padding:15px}.dark-mode{background-color:#000;color:#fff}.dark-mode .profile-container{background-position:top;background:url(/static/media/pexels-danny-meneses-943096.dd4034764eb9ee217f32.jpg) no-repeat;background-attachment:fixed;background-size:cover;height:700px;position:relative;width:100%}.dark-mode .content-section p,.dark-mode .profile-contents{color:#fff}.dark-mode .image-box{background-color:#000}.dark-mode .u-container-layout{border:1px solid #fff;box-shadow:0 5px 15px #fff}.dark-mode .content{color:#fff}.dark-mode .bar,.dark-mode .content{background-color:#000}.dark-mode .info{color:#fff}.dark-mode .slide{background-color:#000}.dark-mode .contact-container .contact,.dark-mode .skills-container .slider{border:1px solid #fff;box-shadow:0 5px 15px #fff}.dark-mode .contact-container .contact{background-color:#000}.profile-container{background-position:top;background:url(/static/media/paico-oficial-ZDYN7azwO6c-unsplash.e8ba02bbdd425798e023.jpg) no-repeat;background-attachment:fixed;background-size:cover;height:700px;position:relative;width:100%}.profile-contents{color:#2f3c7e;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.profile-contents span{font-size:30px}.profile-contents h1,.profile-contents span{font-family:superiortitle,Helvetica,sans-serif;padding-bottom:15px;text-transform:uppercase}.profile-contents h1{font-size:60px;font-weight:700;margin:0}.profile-contents p{padding:0 0 40px}.profile-contents li{display:inline-block;margin:10px}.main-btn{background-color:#2f3c7e;color:#fff}.main-btn:hover{background-color:initial;color:#2f3c7e}.hire-btn{background-color:#eee;color:#2f3c7e}.hire-btn:hover{background-color:#2f3c7e;color:#eee}.social{left:20px;position:absolute;top:35%}.social a{color:#2f3c7e}.social ul{padding:0;-webkit-transform:translate(-270px);transform:translate(-270px)}.social li{background:rgba(0,0,0,.36);border-radius:0 30px 30px 0;cursor:pointer;display:block;margin:5px;padding:10px;text-align:right;transition:all 1s;width:300px}.social li:hover{background:hsla(0,0%,100%,.4);-webkit-transform:translate(110px);transform:translate(110px)}.social li:hover a{color:#2f3c7e}.social li::hover i{background:red;color:bg;-webkit-transform:rotate(1turn);transform:rotate(1turn);transition:all 1s}.social i{background:#fff;border-radius:50%;color:#2f3c7e;font-size:20px;margin-left:10px;padding:10px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.about-container{padding:125px 0 130px;text-align:center}.u-container-layout{border:1px solid rgba(0,0,0,.1);box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;min-height:628px}.content-section,.image-box{flex:0 0 50%}.image-box{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:30px}.image-box h1{font-size:3rem;font-weight:300;letter-spacing:normal;margin:20px auto 0;text-transform:none}.u-image{border-radius:50%;cursor:pointer;height:255px;width:255px}.content-section{display:flex;flex-direction:column;flex-wrap:wrap;font-size:1.125rem;justify-content:center;line-height:1.8;margin:0;padding:30px;text-align:left}.content-section h2{color:#2f3c7e}.content-section p{color:#666}.resume-container{background-color:#eee;font-size:1.125rem;line-height:1.8;padding:125px 0 130px;text-align:center}.resume-container p{color:#666;margin:0 0 20px}.resume-container .download-btn{display:inline-block;padding:20px 5px}.technical-container{padding:125px 0 130px}.skills-section-responsive{display:flex}.skill-section{display:flex;flex:50% 1;flex-wrap:wrap;margin-right:2rem}.skills{background-color:#eee;border-radius:10px;flex:1 1}.skills-bar span{font-size:1rem;font-weight:500}.linebar{margin:20px 0}.info{color:#07374a;margin-bottom:8px}.progress-line{-webkit-animation:animate 1s cubic-bezier(1,0,.5,1) forwards;animation:animate 1s cubic-bezier(1,0,.5,1) forwards;background:#fff;height:10px;position:relative;width:100%}.progress-line,.progress-line span{border-radius:10px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}.progress-line span{-webkit-animation:animate 1s cubic-bezier(1,0,.5,1) 1s forwards;animation:animate 1s cubic-bezier(1,0,.5,1) 1s forwards;background:#25b79f;height:100%;position:absolute}.progress-line span:before{border-color:#07374a transparent transparent;border-style:none solid solid;border-width:7px 0 0 7px;content:"";height:0;position:absolute;right:0;top:-14px;width:0}.progress-line span:after{background:#07374a;border-radius:3px;color:#f0f0f0;font-size:12px;font-weight:700;padding:1px 8px;position:absolute;right:0;top:-28px}@-webkit-keyframes animate{to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes animate{to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.html{width:90%}.html:after{content:"90%"}.css{width:85%}.css:after{content:"85%"}.javascript{width:80%}.javascript:after{content:"80%"}.jquery{width:90%}.jquery:after{content:"90%"}.react-js{width:85%}.react-js:after{content:"85%"}.scss{width:90%}.scss:after{content:"90%"}.bootstrap{width:70%}.bootstrap:after{content:"70%"}.c{width:80%}.c:after{content:"80%"}.oops{width:70%}.oops:after{content:"70%"}.node-js{width:60%}.node-js:after{content:"60%"}.service-container{padding:150px 0}.service-container .timeline{color:#000;position:relative}.service-container .timeline:after{background-color:#fff;bottom:0;content:"";left:50%;margin-left:-3px;position:absolute;top:0;width:6px}.service-container .timebar{background-color:inherit;position:relative;width:50%}.service-container .timebar:after{background-color:#2f3c7e;border:4px solid #ff9f55;border-radius:50%;content:"";height:25px;position:absolute;right:-17px;top:15px;width:25px;z-index:1}.service-container .left{left:0}.service-container .right{left:50%}.service-container .left:before{border:solid transparent;border-left:solid #2f3c7e;border-width:10px 0 10px 10px;right:30px}.service-container .left:before,.service-container .right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1}.service-container .right:before{border:solid transparent;border-right:solid #2f3c7e;border-width:10px 10px 10px 0;left:30px}.service-container .right:after{left:-16px}.content{background-color:#eee;position:relative}.content p{font-size:1em;padding:0 0 10px}.content span{display:block;font-size:1.5rem;padding:0 0 10px}.content li{list-style:inside;padding:0 0 10px}.left{padding:20px 0;text-align:right}.left .content{padding-right:50px}.right{padding:20px 0}.right .content{padding-left:50px}.skills-container{padding:0 0 130px}.skills-container img{display:block;margin:20px}.skills-container span{display:block;padding:20px 0;text-align:center}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-450px);transform:translateX(-450px)}}@keyframes scroll{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-450px);transform:translateX(-450px)}}.skills-container .slider{background-color:#eee;border:1px solid rgba(0,0,0,.1);box-shadow:0 5px 15px rgba(0,0,0,.35);cursor:pointer;overflow:hidden;position:relative}.skills-container .slider:after,.skills-container .slider:before{background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));content:"";position:absolute;z-index:2}.skills-container .slider:after{right:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.skills-container .slider:before{left:0;top:0}.skills-container .slider .slide-track{-webkit-animation:scroll 10s linear infinite;animation:scroll 10s linear infinite;display:flex}.frontend{justify-content:space-between}.frontend,.resume-btn{display:flex;margin:20px 0}.resume-btn{align-items:center;justify-content:center}.resume-btn i{padding:0 10px}.contact-container{padding:150px 0;text-align:center}.contact-container span{color:#2f3c7e;display:block;text-transform:capitalize}.contact-container p{color:#666;margin:0 auto;max-width:45%}.contact-container .about-one{display:flex;justify-content:center;padding:20px 0}.contact-container .contact{background-color:#eee;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);flex:1 1 30%;margin-right:10px;overflow:hidden;padding:20px;position:relative}.contact-container .contact:last-child{margin-right:0}.contact-container .contact i{color:#2f3c7e;font-size:2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .4s ease}.contact-container .contact:hover i{opacity:0;-webkit-transform:scale(2);transform:scale(2)}.contact-container .contact:hover .card-info,.contact-container .contact:hover .card-title{color:#fff;-webkit-transform:translate(0);transform:translate(0)}.contact-container .contact:hover{background-color:#2f3c7e;-webkit-transform:translate(0);transform:translate(0)}.contact-container .card-title{color:#d44444;font-size:1.2rem;text-transform:uppercase;-webkit-transform:translateY(-80px);transform:translateY(-80px);transition:all .4s ease}.contact-container .card-info{color:#fff;margin-top:10px;-webkit-transform:translateY(80px);transform:translateY(80px);transition:all .4s ease}.about-two{display:flex;flex-wrap:wrap;justify-content:center}.contact-form{padding:20px 0;width:50%}.contact-form input[type=text],.contact-form textarea{background-color:initial;border:1px solid #ccc;border-radius:4px;margin-bottom:16px;margin-top:6px;padding:12px;resize:vertical;width:100%}.location-map{padding:20px;width:50%}.footer{background-color:#2f3c7e;clear:both;margin:0 auto;padding:15px 0;text-align:center}.footer .footer-response{align-items:center;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-around}.footer ul{padding:20px 0}.footer li{display:inline-block;padding:15px}.footer a{color:#fff}@media screen and (max-width:1024px){.u-container-layout{margin:20px}.profile-contents span{display:block}.skills-bar{padding:0}.about-container{padding:30px 0}.contact-container,.resume-container,.service-container,.skills-container,.technical-container{padding:30px 20px}.contact-container .about-one{padding:0}.contact-form{padding:20px 0}.footer{padding:30px 20px}}@media screen and (max-width:768px){.skills-bar{padding:0}.skill-section{flex:100% 1}.about-container{padding:30px 0}.contact-container,.resume-container,.service-container,.skills-container,.technical-container{padding:30px 20px}.contact-container .about-one{padding:0}.contact-form{padding:20px 0}.footer{padding:30px 20px}}@media screen and (max-width:480px){.container{max-width:100%}.social{display:none}.about-container{padding:30px 20px}.u-container-layout{border:none;box-shadow:none;flex-direction:column;padding:0}.content-section{padding:30px 0 0}.image-box{padding:20px}.content-section{border:0}.left-about-content{text-align:left;width:100%}.resume-container{padding:30px 20px}.resume-container .download-btn a{margin:0}.skills-bar{padding:0}.skills{width:80%}.skills-bar .bar .progress-line{width:100%}.service-container{padding:30px 0}.service-container .timeline:after{left:31px}.service-container .timebar{padding:20px;width:100%}.service-container .timebar:before{border:solid transparent;border-right:solid #fff;border-width:10px 10px 10px 0;left:60px}.service-container .left:after,.service-container .right:after{left:15px}.service-container .right{left:0}.left{padding:20px 0;text-align:left}.left .content{padding-left:50px;padding-right:0}.skills-container{padding:30px 20px}.skills-container span{padding:0}.contact-container{padding:30px 20px}.contact-container p{max-width:100%}.about-one{flex-wrap:wrap}.contact{margin:10px 0}.contact-form{padding:0;width:100%}.location-map{padding:30px 0;width:100%}.footer{padding:30px 20px}.footer p{color:#fff;max-width:100%}}@media screen and (max-width:360px){.container{max-width:100%}.about-container{padding:0}.u-container-layout{border:none;box-shadow:none;flex-direction:column}.image-box{padding:20px}.content-section{border:0}.left-about-content{text-align:left;width:100%}.content-section,.resume-container{padding:20px}.resume-container .download-btn a{margin:0}.skills{width:80%}.skills-bar .bar .progress-line{width:100%}.skills-bar{padding:25px 20px}.service-container{padding:0}.service-container .timeline:after{left:31px}.service-container .timebar{padding:20px;width:100%}.service-container .timebar:before{border:solid transparent;border-right:solid #fff;border-width:10px 10px 10px 0;left:60px}.service-container .left:after,.service-container .right:after{left:15px}.service-container .right{left:0}.left{padding:20px 0;text-align:left}.left .content{padding-left:50px;padding-right:0}.skills-container{padding:20px 0}.contact-container{padding:20px}.contact-container p{max-width:100%}.contact-form,.location-map{padding:0;width:100%}.footer{padding:20px}.footer p{color:#fff;max-width:100%}}.one{position:relative}.one span:before{bottom:-2px;height:5px;margin-left:-14px;position:absolute;width:28px}.one span:after,.one span:before{background-color:#2f3c7e;content:"";display:block;left:50%}.one span:after{height:1px;margin-left:-50px;margin-top:25px;position:relative;width:100px}
/*# sourceMappingURL=main.96a0c3ab.css.map*/