body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}body{color:#fff;background:#000}}@font-face{font-family:Aveniornextltpro;src:url(/_next/static/media/avenirnextltpro-regular.3dcf4910.woff2)}@font-face{font-family:Aveniornextltpro-bold;src:url(/_next/static/media/avenirnextltpro-bold.8cefd58d.woff2)}@font-face{font-family:Aveniornextltpro-medium;src:url(/_next/static/media/avenirnextltpro-medium.9cae077a.woff2)}@font-face{font-family:superiortitle;src:url(/_next/static/media/superiortitle-light.429a6bc5.woff2)}.hire-btn,.main-btn,button{display:inline-block;font-size:15px;padding:0 40px;text-align:center;font-weight:500;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid #2f3c7e;line-height:48px;border-radius:50px;cursor:pointer;text-transform:uppercase}*{margin:0;padding:0;outline:none;list-style:none;text-decoration:none;box-sizing:border-box;scroll-behavior:smooth;font-family:Aveniornextltpro,Helvetica,sans-serif}body{color:#2f3c7e;background-color:#eee}.container{max-width:1140px;margin:0 auto}.heading{color:#2f3c7e;font-size:1.625em;text-align:center;margin:0 0 30px;display:block;font-family:Aveniornextltpro-bold,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:3px}.header-container{background-color:#eee;width:100%;box-shadow:0 5px 15px rgba(0,0,0,.35);z-index:99;position:fixed;top:0}.navbar{background-color:#2f3c7e;font-size:1.2rem;position:-webkit-sticky;position:sticky;top:0;z-index:20}.nav-container,.navbar{height:80px;display:flex;justify-content:center;align-items:center}.nav-container{width:100%;max-width:1500px}.main-container{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3)}.nav-logo{color:#f5b921;align-items:center;margin-left:20px;cursor:pointer;text-decoration:none;font-size:2rem;flex-grow:1}.nav-menu{display:flex;list-style:none;text-align:center;margin-right:2rem}.nav-links{color:#fff;text-decoration:none;padding:.5rem 1rem;height:100%;border-bottom:3px solid transparent}.fa-code{margin-left:1rem}.nav-item{line-height:40px;margin-right:1rem}.nav-item:after{content:"";display:block;height:3px;width:0;background:transparent;transition:width .7s ease,background-color .5s ease}.nav-item:hover:after{width:100%;background:#ffdd40}.nav-item.active{color:#ffdd40;border:1px solid #ffdd40}.nav-icon{display:none}@media screen and (max-width:960px){.nav-menu{display:flex;flex-direction:column;width:100%;border-top:1pxsolid #fff;position:absolute;top:80px;left:-110%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background:#1f5156;left:0;z-index:1}.nav-item .active{color:#ffdd40;border:none}.nav-links{padding:1.5rem;width:100%;display:table}.nav-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer;color:#ffdd40}}.backto-top{width:50px;height:50px;display:inline-block;text-align:center;background-color:#2f3c7e;box-shadow:0 5px 15px rgba(0,0,0,.35);border:1px solid #fff;border-radius:50%;position:fixed;bottom:30px;right:30px;transition:background-color .3s,opacity .5s,visibility .5s;z-index:1000}.backto-top:after{font-size:2em;color:#fff;line-height:50px}.backto-top:hover{background-color:#fff;cursor:pointer;border:1px solid #2f3c7e}.backto-top:hover i{color:#2f3c7e}.backto-top i{padding:15px;color:#fff}.progress-container{width:100%;height:5px;background-color:#eee}.progress-bar{height:5px;width:0;background:#2f3c7e}.active{border-bottom:2px solid #2f3c7e;font-weight:700}.dark-mode{background-color:#000;color:#fff}.dark-mode .profile-container{width:100%;height:700px;background-position:top;background:url(/_next/static/media/paico-oficial-ZDYN7azwO6c-unsplash.be23770d.jpg) no-repeat;background-size:cover;background-attachment:fixed;position:relative}.dark-mode .content-section p,.dark-mode .profile-contents{color:#fff}.dark-mode .image-box{background-color:#000}.dark-mode .u-container-layout{box-shadow:0 5px 15px #fff;border:1px solid #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{box-shadow:0 5px 15px #fff;border:1px solid #fff}.dark-mode .contact-container .contact{background-color:#000}.profile-container{width:100%;height:700px;background-position:top;background:url(/_next/static/media/paico-oficial-ZDYN7azwO6c-unsplash.be23770d.jpg) no-repeat;background-size:cover;background-attachment:fixed;position:relative}.profile-contents{text-align:center;color:#2f3c7e;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-contents span{font-size:30px}.profile-contents h1,.profile-contents span{text-transform:uppercase;padding-bottom:15px;font-family:superiortitle,Helvetica,sans-serif}.profile-contents h1{font-size:60px;margin:0;font-weight:700}.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{color:#2f3c7e;background-color:transparent}.hire-btn{background-color:#eee;color:#2f3c7e}.hire-btn:hover{color:#eee;background-color:#2f3c7e}.social{position:absolute;top:35%;left:20px}.social a{color:#2f3c7e}.social ul{padding:0;transform:translate(-270px)}.social li{display:block;margin:5px;width:300px;text-align:right;padding:10px;background:rgba(0,0,0,.36);cursor:pointer;border-radius:0 30px 30px 0;transition:all 1s}.social li:hover{transform:translate(110px);background:hsla(0,0%,100%,.4)}.social li:hover a{color:#2f3c7e}.social li::hover i{color:bg;background:red;transform:rotate(1turn);transition:all 1s}.social i{color:#2f3c7e;font-size:20px;padding:10px;margin-left:10px;background:#fff;border-radius:50%;transform:rotate(0deg)}.about-container{padding:125px 0 130px;text-align:center}.u-container-layout{display:flex;box-shadow:0 5px 15px rgba(0,0,0,.35);min-height:628px;border:1px solid rgba(0,0,0,.1)}.content-section,.image-box{flex:0 0 50%}.image-box{display:flex;padding:30px;flex-direction:column;justify-content:center;align-items:center;background-color:#fff}.image-box h1{font-size:3rem;margin:20px auto 0;font-weight:300;text-transform:none;letter-spacing:normal}.u-image{width:255px;height:255px;border-radius:50%;cursor:pointer}.content-section{padding:30px;display:flex;margin:0;font-size:1.125rem;text-align:left;flex-direction:column;flex-wrap:wrap;justify-content:center;line-height:1.8}.content-section h2{color:#2f3c7e}.content-section p{color:#666}.resume-container{padding:125px 0 130px;font-size:1.125rem;text-align:center;background-color:#eee;line-height:1.8}.resume-container p{margin:0 0 20px;color:#666}.resume-container .download-btn{padding:20px 5px;display:inline-block}.technical-container{padding:125px 0 130px}.skills-section-responsive{display:flex}.skill-section{display:flex;flex-wrap:wrap;flex:50% 1;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{height:10px;width:100%;position:relative;background:#fff;animation:animate 1s cubic-bezier(1,0,.5,1) forwards}.progress-line,.progress-line span{border-radius:10px;transform:scaleX(0);transform-origin:left}.progress-line span{height:100%;position:absolute;background:#25b79f;animation:animate 1s cubic-bezier(1,0,.5,1) 1s forwards}.progress-line span:before{height:0;width:0;position:absolute;content:"";right:0;top:-14px;border-color:#07374a transparent transparent;border-style:none solid solid;border-width:7px 0 0 7px}.progress-line span:after{color:#f0f0f0;padding:1px 8px;font-size:12px;position:absolute;right:0;top:-28px;font-weight:700;background:#07374a;border-radius:3px}@keyframes animate{to{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{position:relative;color:#000}.service-container .timeline:after{width:6px;background-color:#fff;content:"";position:absolute;top:0;bottom:0;left:50%;margin-left:-3px}.service-container .timebar{width:50%;position:relative;background-color:inherit}.service-container .timebar:after{width:25px;height:25px;background-color:#2f3c7e;content:"";position:absolute;right:-17px;border:4px solid #ff9f55;top:15px;border-radius:50%;z-index:1}.service-container .left{left:0}.service-container .right{left:50%}.service-container .left:before{right:30px;border:solid transparent;border-left:solid #2f3c7e;border-width:10px 0 10px 10px}.service-container .left:before,.service-container .right:before{width:0;height:0;content:" ";position:absolute;top:22px;z-index:1}.service-container .right:before{left:30px;border:solid transparent;border-right:solid #2f3c7e;border-width:10px 10px 10px 0}.service-container .right:after{left:-16px}.content{background-color:#eee;position:relative}.content p{padding:0 0 10px;font-size:1em}.content span{font-size:1.5rem;padding:0 0 10px;display:block}.content li{padding:0 0 10px;list-style:inside}.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;text-align:center;padding:20px 0}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-450px)}}.skills-container .slider{background-color:#eee;box-shadow:0 5px 15px rgba(0,0,0,.35);border:1px solid rgba(0,0,0,.1);overflow:hidden;position:relative;cursor:pointer}.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;transform:rotate(180deg)}.skills-container .slider:before{left:0;top:0}.skills-container .slider .slide-track{display:flex;animation:scroll 10s linear infinite}.frontend{justify-content:space-between}.frontend,.resume-btn{display:flex;margin:20px 0}.resume-btn{justify-content:center;align-items:center}.resume-btn i{padding:0 10px}.contact-container{text-align:center;padding:150px 0}.contact-container span{display:block;color:#2f3c7e;text-transform:capitalize}.contact-container p{max-width:45%;margin:0 auto;color:#666}.contact-container .about-one{display:flex;padding:20px 0;justify-content:center}.contact-container .contact{padding:20px;box-shadow:0 5px 15px rgba(0,0,0,.35);background-color:#eee;overflow:hidden;position:relative;border-radius:5px;flex:1 1 30%;margin-right:10px}.contact-container .contact:last-child{margin-right:0}.contact-container .contact i{color:#2f3c7e;font-size:2rem;position:absolute;transition:all .4s ease;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-container .contact:hover i{transform:scale(2);opacity:0}.contact-container .contact:hover .card-info,.contact-container .contact:hover .card-title{color:#fff;transform:translate(0)}.contact-container .contact:hover{background-color:#2f3c7e;transform:translate(0)}.contact-container .card-title{color:#d44444;font-size:1.2rem;text-transform:uppercase;transform:translateY(-80px);transition:all .4s ease}.contact-container .card-info{color:#fff;margin-top:10px;transform:translateY(80px);transition:all .4s ease}.about-two{display:flex;justify-content:center;flex-wrap:wrap}.contact-form{padding:20px 0;width:50%}.contact-form input[type=text],.contact-form textarea{width:100%;padding:12px;background-color:transparent;border:1px solid #ccc;border-radius:4px;margin-top:6px;margin-bottom:16px;resize:vertical}.location-map{width:50%;padding:20px}.footer{margin:0 auto;text-align:center;padding:15px 0;background-color:#2f3c7e;clear:both}.footer .footer-response{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;color:#fff}.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{padding:0;flex-direction:column;box-shadow:none;border:none}.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{width:100%;padding:20px}.service-container .timebar:before{left:60px;border:solid transparent;border-right:solid #fff;border-width:10px 10px 10px 0}.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{width:100%;padding:0}.location-map{width:100%;padding:30px 0}.footer{padding:30px 20px}.footer p{max-width:100%;color:#fff}}@media screen and (max-width:360px){.container{max-width:100%}.about-container{padding:0}.u-container-layout{flex-direction:column;box-shadow:none;border:none}.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{width:100%;padding:20px}.service-container .timebar:before{left:60px;border:solid transparent;border-right:solid #fff;border-width:10px 10px 10px 0}.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{width:100%;padding:0}.footer{padding:20px}.footer p{max-width:100%;color:#fff}}.page_404{padding:40px 0;background:#fff;font-family:Arvo,serif}.page_404 img{width:100%}.four_zero_four_bg{background-image:url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);height:400px;background-position:50%}.four_zero_four_bg h1,.four_zero_four_bg h3{font-size:80px}.link_404{color:#fff!important;padding:10px 20px;background:#39ac31;margin:20px 0;display:inline-block}.contant_box_404{margin-top:-50px}