:root{--primary:#554d91;--darkprimary:#3c356d;--blackfont:#353353;--warningbtn:#fdb844;--warningbtndark:#d59424;--bluebtn:#6c6ce5;--bluesmooth:#e7f3f8;--redsmooth:#f8e8e9;--redsmoothdark:#c9bcbd;--yellowsmoth:#f2b44f}*{box-sizing:border-box}*,body,html{padding:0;margin:0}body,html{min-height:100%;width:100%;scroll-behavior:smooth;overflow-x:hidden}body{font-family:Poppins,sans-serif}app-bar{display:grid;grid-template-columns:1fr 5fr;top:0;width:100%;z-index:10;background-color:transparent;position:fixed;color:var(--primary);padding:5px 50px}.sticky{background-color:#fff;box-shadow:2px 10px 5px -2px rgba(0,0,0,.04);-webkit-box-shadow:2px 10px 5px -2px rgba(0,0,0,.04);-moz-box-shadow:2px 10px 5px -2px rgba(0,0,0,.04)}.logo{padding:8px 0}.logo img{height:32px;display:flex;flex-wrap:wrap;align-content:center}.text-logo{font-size:25px}.nav{margin-top:auto;margin-bottom:auto}.nav__list{display:flex;align-items:center;list-style:none;justify-content:flex-end}.nav__link{color:var(--primary);padding:15px 25px;font-weight:400;font-size:15px;text-decoration:none}.nav__link:hover{font-weight:500}.header__icon-menu{display:none;padding:1.5em 1em;position:absolute;top:-47px;right:.5em;cursor:pointer;grid-area:menu;background-color:transparent;border-color:transparent}.hamburger,.hamburger:after,.hamburger:before{content:"";display:block;background:var(--primary);height:3px;width:2em;border-radius:3px;transition:all .5s ease-in-out}.hamburger:before{transform:translateY(-6px)}.hamburger:after{transform:translateY(3px)}.open .hamburger{transform:rotate(45deg)}.open .hamburger:before{opacity:0}.open .hamburger:after{transform:translateY(-3px) rotate(-90deg)}.shadow{box-shadow:2px 10px 5px -2px rgba(0,0,0,.04);-webkit-box-shadow:2px 10px 5px -2px rgba(0,0,0,.04);-moz-box-shadow:2px 10px 5px -2px rgba(0,0,0,.04)}.text-maintenance{font-weight:700;display:block;margin-top:30px;font-size:18px;color:var(--primary)}.img-maintenance{display:block;margin-left:auto;margin-right:auto;width:600px}.maintenance{text-align:center;padding-top:150px;min-height:700px}main-jumbotron{text-align:center;color:var(--primary)}#maincontent{background-image:url(65b21eefdc75a633548b5b8182f16105.svg);background-size:400px;background-repeat:no-repeat;background-position-x:right}.description{padding:13rem 3rem 0}.introduction{font-size:26px;font-weight:500}.name{font-size:34px;font-weight:700}.animation{text-align:center;text-transform:uppercase;font-family:Helvetica,Arial,sans-serif;font-size:37px;letter-spacing:1px;color:var(--primary);animation:fadeIn 1.5s forwards;opacity:0;transition-timing-function:cubic-bezier(.785,.135,.15,.86)}.animation,.first{display:inline-block}.first{animation:firstSpan 1.5s cubic-bezier(.785,.135,.15,.86) forwards;background:var(--warningbtn);z-index:1;position:relative}.oh{display:inline-flex;overflow:hidden}.second{animation:secondSpan 1.5s cubic-bezier(.785,.135,.15,.86) forwards;font-weight:100;z-index:-1;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes firstSpan{0%{transform:translateX(50%)}60%{transform:translateX(50%)}to{transform:translateX(0)}}@keyframes secondSpan{0%{transform:translateX(-100%)}60%{transform:translateX(-100%)}to{transform:translateX(0)}}.profession{margin-top:5px;font-size:15px}.btn-wrapper{margin:1rem 3rem}.btn{width:100%;border-radius:12px;padding:8px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:17px;margin:4px 2px;cursor:pointer}.btn-outline{border:2px solid var(--warningbtn);background-color:#fff;color:var(--warningbtn)}.btn-outline:hover{background-color:var(--warningbtn);color:#fff;animation:all 2s ease-in;transition:.3s}.btn-contact{margin-top:5px}.img-jumbotron img{height:310px;margin-top:20px}.wave{background-image:url(123b75994d44013a8bcba0b562534371.svg);position:absolute;background-repeat:no-repeat;background-position-x:center;height:366px;width:366px;top:430px;left:-150px;z-index:-1}.preload{background:#fff;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.sk-cube-grid{position:absolute;width:50px;height:50px;text-align:center;top:48%;left:48%}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:var(--warningbtn);float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s ease-in-out infinite;animation:sk-cubeGridScaleDelay 1.3s ease-in-out infinite}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.skills{margin:3rem 0;padding:2rem 3rem;color:var(--primary);display:grid;grid-row-gap:40px}.card{padding:30px;text-align:center;border-radius:20px}.card:hover{background-color:#fce7e9;box-shadow:2px 10px 5px -2px rgba(0,0,0,.04);-webkit-box-shadow:2px 10px 5px -2px rgba(0,0,0,.04);-moz-box-shadow:2px 10px 5px -2px rgba(0,0,0,.04)}.img-skill{height:65px;width:65px;object-fit:cover}.title-text{font-size:15px}.text{font-size:13px}.card-title{margin:5px 0}.card-text{margin:5px}#aboutme{margin:50px 0;color:var(--primary);padding:0 3rem;text-align:center}.about-title{font-size:25px;font-weight:600;margin:10px 0}.wave-2{background-image:url(91aba17448f0010ec40a8d0d111b11be.svg);position:absolute;background-repeat:no-repeat;background-position-x:center;height:480px;width:400px;left:-30px;z-index:-1}.wrapper{display:grid;grid-row-gap:20px;padding:10px}.text-about{text-align:justify;margin:20px 0}.text-about p{font-size:14px;margin:10px 0}.skill-about{margin:10px 0 20px}.skill-title{font-size:16px}.skill,p.skill-text{font-size:14px}p.skill-text{margin:7px 0}.btn-primary{border:2px solid var(--warningbtn);background-color:var(--warningbtn);color:#fff}.btn-primary:hover{border:2px solid var(--warningbtndark);background-color:var(--warningbtndark);color:#fff}.latest{color:var(--primary);width:100%;margin:60px auto;text-align:center}.latest__label{margin-top:70px;font-size:25px;font-weight:600}.latest__label:after{content:"";margin-top:16px;display:block;border-bottom:1px solid #eee}.posts{margin:32px 30px;text-align:left}.post-item{margin:16px 0;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);width:100%;border-radius:5px;overflow:hidden}.post-item__content{padding:16px 32px 32px;text-align:justify}.post-item__thumbnail{width:100%;height:230px;object-fit:cover;object-position:center}.post-item__category{font-size:10px;text-transform:uppercase;color:#999}.post-item__title{font-weight:500;font-size:20px;margin-top:16px;transition:opacity .3s}.post-item__title:hover{opacity:.5}.post-item__title a{text-decoration:none;color:inherit}.post-item__description{margin-top:5px;font-size:14px;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;box-orient:vertical}.job-item{background-color:var(--warningbtn);color:var(--blackfont);margin-right:3px}.job-item,.tech-item{padding:2px 5px;display:inline-block;border-radius:5px}.tech-item{background-color:var(--bluebtn);color:#fff}.experience{margin:50px 0;color:var(--primary);padding:40px}.experience>h1,.experience>h2{text-align:center;font-size:25px;font-weight:600;margin:10px 0}.timeline{list-style:none;padding:10px 0;position:relative;font-size:14px}.timeline:before{top:0;bottom:0;position:absolute;content:" ";width:2px;background:var(--primary);left:50%;margin-left:-1.5px}.timeline>li{margin-bottom:20px;position:relative;width:50%;float:left;clear:left;margin-top:20px}.timeline>li:after,.timeline>li:before{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li>.timeline-panel{width:calc(100% - 25px);width:-moz-calc(100% - 25px);width:-webkit-calc(100% - 25px);float:left;border-radius:5px;border:1px solid var(--bluesmooth);background:var(--redsmooth);position:relative;cursor:pointer}.timeline>li>.timeline-panel:before{position:absolute;top:26px;right:-15px;display:inline-block;border-color:transparent (--redsmooth);border-style:solid;border-width:15px 0 15px 15px;content:" "}.timeline>li>.timeline-panel:after{position:absolute;top:27px;right:-14px;display:inline-block;border-top:14px solid transparent;border-left:14px solid var(--redsmooth);border-right:0 solid var(--redsmooth);border-bottom:14px solid transparent;content:" "}.timeline>li>.timeline-badge{color:var(--primary);width:24px;height:24px;line-height:50px;text-align:center;position:absolute;top:16px;right:-12px;z-index:2}.timeline>li.timeline-inverted>.timeline-panel{float:right;border-radius:10px 10px 0 0}.timeline>li.timeline-inverted>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li.timeline-inverted>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline-badge>a{color:var(--primary)!important}.timeline-badge a:hover{color:var(--darkprimary)!important}.timeline-title{margin-top:0;color:inherit}.timeline-heading h4{font-weight:600;margin-top:10px;padding:0 25px;font-size:16px;color:var(--primary);text-align:center}.timeline-body>p,.timeline-body>ul{padding:10px 15px;margin-bottom:0}.timeline-footer{padding:5px 25px;background-color:var(--primary);border-radius:0 0 10px 10px}.timeline-footer p{margin-bottom:0;color:var(--redsmooth);text-align:center}.timeline-footer>a{cursor:pointer;text-decoration:none}.timeline>li.timeline-inverted{float:right;clear:right;margin-top:20px}.timeline>li:nth-child(2){margin-top:80px}.timeline>li.timeline-inverted>.timeline-badge{left:-12px}.no-float{float:none!important}.timeline-heading>h5{font-weight:500;padding:0 25px;font-size:12px;color:var(--primary);text-align:center}.footer{padding:40px 0;background-color:#0d1117;color:#fff}.footer ul{padding:0;list-style:none;text-align:center;font-size:14px;line-height:1.6;margin-bottom:0;margin-top:10px}.footer li{display:inline-block;padding:0 10px}.footer ul a{color:inherit;text-decoration:none;opacity:.8}.footer ul a:hover{opacity:1}.footer .social{text-align:center;padding-bottom:25px}.footer .social>a{font-size:24px;width:44px;height:44px;line-height:44px;display:inline-block;text-align:center;border-radius:50%;border:1px solid #ccc;margin:0 8px;color:inherit;opacity:.75}.footer .social>a:hover{opacity:.9}.footer .copyright{margin-top:15px;text-align:center;font-size:13px;color:#aaa;margin-bottom:0}.footer .footer-break{height:1px;border-width:0;color:grey;background-color:#fff}.footer>p>a{color:hsla(0,0%,100%,.887)}.fa-github:hover{color:#fff}.fa-linkedin:hover{color:#0077b5}.fa-envelope-o:hover{color:#d44638}.fa-instagram:hover{color:#dd2a7b}.posts{display:grid;grid-row-gap:16px}@media screen and (min-width:650px){.post-item__content{padding:16px 32px 32px}.post-item__title{font-size:18px}.post-item__description{font-size:14px}}@media screen and (min-width:700px){.posts{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:30px;grid-row-gap:35px}}@media screen and (min-width:900px){.posts{display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:760px){app-bar{grid-template-columns:1fr;justify-items:center;width:100%;position:fixed;top:0;z-index:1000;background-color:transparent;color:var(--primary);padding:5px 20px;transition:background-color .3s ease}.sticky{box-shadow:2px 10px 5px -2px rgba(0,0,0,.04);-webkit-box-shadow:2px 10px 5px -2px rgba(0,0,0,.04);-moz-box-shadow:2px 10px 5px -2px rgba(0,0,0,.04)}.nav,.sticky{background-color:#fff}.nav{height:100vh;max-height:100vh;overflow-y:auto;width:100%;padding:0;margin:0;display:flex;position:absolute;top:57px;transition:all .5s ease-in-out;clip-path:circle(0 at top right)}.nav__list{width:100%;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:15px;margin-bottom:200px}.nav__item{padding:0}.nav__item,.nav__link{width:100%;text-align:center}.nav__link{display:block;color:var(--primary);padding:16px 24px}.nav__link:hover{background-color:var(--bluesmooth)}.mobile-nav{clip-path:circle(250% at top right)}.header__icon-menu{display:block}.wave-2{background-image:url(91aba17448f0010ec40a8d0d111b11be.svg);position:absolute;background-repeat:no-repeat;background-position-x:center;height:480px;width:400px;left:-150px;z-index:-1}.img-jumbotron img{height:250px}.img-maintenance{width:350px}.text-maintenance{font-size:16px;color:var(--primary)}.btn{border-radius:30px}.experience{margin:0;padding:0 40px}.timeline-heading>h4{padding:3px 30px}ul.timeline:before{left:40px}ul.timeline>li{position:relative;width:100%;float:left;clear:left;margin:10px 0}ul.timeline>li>.timeline-panel{width:calc(100% - 65px);width:-moz-calc(100% - 65px);width:-webkit-calc(100% - 65px)}ul.timeline>li>.timeline-badge{left:28px;margin-left:0;top:16px}ul.timeline>li>.timeline-panel{float:right}ul.timeline>li>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}ul.timeline>li>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline>li:nth-child(3){margin-top:0}.timeline>li.timeline-inverted{float:left;clear:left;margin-top:20px;margin-bottom:30px}.timeline>li.timeline-inverted>.timeline-badge{left:28px}}@media screen and (min-width:761px){.jumbotron{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:25px;grid-row-gap:25px}#maincontent{background-size:500px}.description{text-align:left;padding:11rem 3rem 0 4rem}.introduction{font-size:28px}.name{font-size:35px}.animation{font-size:25px}.profession{font-size:20px}.img-jumbotron img{margin:5rem 2rem 5rem 0;height:370px}.btn-wrapper{display:grid;padding-left:.8rem;grid-template-columns:1fr 1fr;margin-right:30%}.btn{display:inline-block;font-size:14px;margin:0;padding:5px 20px}.btn-contact{margin-top:0;margin-left:10px}.wave{top:340px;left:-150px}.skills{grid-template-columns:1fr 1fr 1fr;grid-column-gap:40px}.skills,.wrapper{display:grid;flex-direction:column}.wrapper{grid-template-columns:1fr 2fr;grid-column-gap:35px}.text-about{margin:0}.text-about .btn{width:180px;height:35px}.wave-2{left:-90px;height:515px}}@media screen and (min-width:1000px){.jumbotron{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:25px;grid-row-gap:25px}#maincontent{background-size:590px}.description{text-align:left;padding:13rem 3rem 0 4rem}.introduction{font-size:35px}.name{font-size:40px}.animation{font-size:37px}.profession{font-size:20px}.img-jumbotron img{margin:5rem 2rem 5rem 0;height:460px}.btn-wrapper{display:grid;grid-template-columns:1fr 1fr;margin-right:25%}.btn{width:100%;display:inline-block;font-size:17px;margin:5px 3px}.btn-contact{margin-top:0;margin-left:10px}.wrapper{grid-template-columns:1fr 3fr}.wave-2{left:-30px}#aboutme,.experience,.jumbotron,.latest,.maintenance,.skills{max-width:1250px;margin:0 auto}}