nav{align-items:center;background-color:#fff;box-shadow:-3px 0 13px 1px rgba(0,0,0,.19);display:flex;flex-direction:row;font-size:18px;justify-content:space-between;padding:.7rem 15rem;position:fixed;width:100%;z-index:99999}nav img{height:40px;text-align:center}.main-link{font-size:24px}.nav-links ul{display:flex;flex-direction:row;list-style:none}.nav-links li{margin-right:15px}.nav-links ul li:last-child{margin-right:0!important}.active-link{color:#da0037}.connect-btn{background-color:#6b7aa1;border:none;border-radius:5px;box-shadow:5px 0 20px -3px rgba(0,0,0,.15);color:#fff;font-size:16px;font-weight:800;padding:8px 14px}.connect-btn:hover{cursor:pointer}.btn-cv{background:#da0037!important}.btn-cv:hover{color:#fff}.switch{display:inline-block;height:16px;left:20px;position:fixed;top:80px;width:34px;z-index:999999}.switch input{height:0;opacity:0;width:0}.slider{background-color:#fff;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{bottom:3px;content:"";height:11px;left:2px;top:3px;width:11px}.slider:before,input:checked+.slider{background-color:#2c2e43}input:focus+.slider{box-shadow:0 0 1px #2c2e43}input:checked+.slider:before{background-color:#b2b1b9;-webkit-transform:translateX(17px);transform:translateX(17px)}.slider.round{border-radius:14px}.slider.round:before{border-radius:50%}#top-section{display:flex;flex-direction:row;height:35rem;padding-top:120px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.left-section,.right-section{position:relative;width:100%}.left-section{overflow:hidden;text-align:center}.profile-image{border-radius:15px;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:100%;object-fit:cover;-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.right-section{padding:20px}.right-section h1{font-size:48px;margin-bottom:20px}.right-section h1 span{font-size:38px;font-style:italic}.right-section p{font-size:19px;font-style:italic;margin:10px 0}.right-section .right-section h1 .right-section h2{margin:20px 0}#life-section{margin-top:30px}#timeline .center-line{background:#000;height:47rem;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px}#timeline .center-line:after,#timeline .center-line:before{background-color:#000;content:"";height:5px;left:-7px;position:absolute;width:20px}#timeline .center-line:after{bottom:-30px}#timeline .row{display:flex}#timeline .row section{border-radius:10px;box-shadow:-4px 9px 13px 1px rgba(0,0,0,.05);padding:20px;position:relative;transition:box-shadow .3s ease-in;width:calc(50% - 25px)}#timeline .row section:before{background:#6b7aa1;content:"";height:15px;position:absolute;top:38px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:15px;z-index:1}#timeline .row section:before,#timeline .row section:hover{box-shadow:-4px 9px 13px 1px rgba(0,0,0,.2)}#timeline .row section .details{align-items:center;display:flex;justify-content:space-between}#timeline .row section .details .title{font-size:18px;font-weight:700}#timeline .row section .details span{font-size:17px}#timeline .row p{font-size:16px;font-style:italic;font-weight:500;margin:12px 0 5px}#timeline .row-1{justify-content:flex-start}#timeline .row-1 section:before{right:-7px}#timeline .row-2{justify-content:flex-end;margin-bottom:10px}#timeline .row-2 section:before{left:-7px}#timeline #birthday section{margin-top:-43px}#timeline #school{margin-top:40px;transition:1.5s ease-in}#timeline #school section:hover{background-position:50% 0;background-repeat:no-repeat;background-size:contain}#timeline #high-school{margin-bottom:30px}#timeline #bachelor section:hover,#timeline #high-school section:hover,#timeline #internship section:hover{background-position:70% 0;background-repeat:no-repeat;background-size:contain}#timeline #star section{margin-top:30px}#timeline #star section:hover{background-position:70% 0;background-repeat:no-repeat;background-size:contain}.center-line #timeline .row{display:flex}.skill-set{-ms-grid-columns:auto auto;display:-ms-grid;display:grid;grid-template-columns:auto auto}.skill-set section{border-radius:10px;box-shadow:1px 2px 20px 5px rgba(0,0,0,.06);margin:1rem;padding:1.5rem 1rem;text-align:center;transition:box-shadow .5s ease-in}.skill-set section:hover{box-shadow:1px 2px 20px 5px rgba(0,0,0,.25);-webkit-box-shadow:1px 2px 20px 5px rgba(0,0,0,.25);-moz-box-shadow:1px 2px 20px 5px rgba(0,0,0,.25);cursor:pointer}.skill-set section .title{margin:10px 0 20px}.skill-set section .title i{font-size:30px;margin-bottom:10px}.skill-set section p{font-size:16px;font-style:italic}.skill-title p{font-style:italic;font-weight:500}.skill-sub{margin:1rem 0}.skill-sub h3{margin-bottom:5px}.skill-sub h3:last-child{margin:0}.fa-eye,.fa-tools,.skill-sub .skill-sub h3 .fa-code{color:#6b7aa1}#testimonial-section{height:350px;position:relative}.swiper-container{height:100%;width:100%}.listing-testButton{background:#6b7aa1;border-radius:50%;color:#fff;cursor:pointer;height:40px;line-height:40px;margin-top:-15px;position:absolute;text-align:center;top:65%;transition:all .2s linear;width:40px;z-index:10}.listing-testButton-prev{left:-30px!important;padding-right:5px}.listing-testButton-next{right:-30px!important}.listing-testButton .listing-testButton-next:hover{background:#da0037;right:-15px}.listing-testButton .listing-testButton-prev:hover{background:#da0037;left:-15px}.testimonial-item{box-shadow:-4px 9px 13px 1px rgba(0,0,0,.25);-webkit-transform:scale(.9);transform:scale(.9)}.test-userText,.testimonial-item{border-radius:10px;transition:all .3s ease-in-out}.test-userText{min-height:220px;overflow:hidden;padding:90px 50px 20px}.test-userText p{font-size:21px;font-style:italic;font-weight:600;text-align:center}.test-userInfo{padding-top:10px}.test-userInfo h2{font-size:20px;font-weight:800;margin-top:10px;text-align:center}.test-userInfo h3{font-size:18px;font-style:italic;margin-top:5px;text-align:center}.testimonial-carousel .swiper-slide{display:none;padding:10px 0}.test-userImage{left:50%;margin-left:-45px;position:absolute;top:-50px;z-index:20}.test-userImage,.test-userImage img{-webkit-user-select:none;-ms-user-select:none;user-select:none}.test-userImage img{border:3px solid #db0037;border-radius:100%;float:left;height:120px;width:120px}.swiper-slide-active{display:block!important;transition:liner 1s}#contact-section{padding-bottom:6rem}#contact-section .contact-details{border-radius:10px;display:flex;padding:30px}#contact-section .contact-details .contact-info:before{content:"or";font-size:20px;font-weight:800;left:-80px;position:absolute}#contact-section .contact-details .contact-info ul{list-style:none}#contact-section .contact-details .contact-info ul li{font-size:16px;margin-bottom:9px}#contact-section .contact-details .contact-info ul li i{font-size:18px;margin-right:13px}#contact-section .contact-details .indexContact{padding:20px 150px 50px 20px;width:70%}#contact-section .contact-details .indexContact p{font-style:italic;margin:20px 0}#contact-section .contact-details .indexContact a h3{font-style:italic;padding:13px 0!important;text-align:center!important}#contact-section .contact-info{display:flex;flex-direction:column;justify-content:center;position:relative}#contact-section form button,#contact-section form input,#contact-section form textarea{margin-bottom:7px;width:80%}#contact-section form button{color:#f8f5f1;font-size:17px}.fa-facebook-messenger{color:#006aff}.fa-whatsapp{color:#075e54}.fa-linkedin{color:#0077b5}.fa-github-square{color:#333}.fa-envelope-0{color:#0072c6}.inp{border:1px solid #d3d3d3;border-radius:3px;font-size:15px;font-style:italic;margin-bottom:5px;padding:5px 8px}.connect-success{background-color:#59981a}.connect-fail{background-color:#da0037;color:#e6e6e6}#footer-section{background:#6b7aa1;bottom:0;display:flex;position:fixed;text-align:center;width:100%;z-index:999}#footer-section p{color:#f8f5f1;flex:auto;font-size:18px;font-style:italic;padding:.5rem 0}#footer-section p span{font-weight:800}#alert-section{border-radius:7px;color:#fff;height:50px;opacity:.7;position:fixed;right:15px;text-align:center;top:80px;width:210px}#alert-section p{font-size:18px;font-weight:700;padding:.9rem}.alert-success{background-color:#2b3!important}.alert-danger{background-color:#bb2124!important}.alert-warning{background-color:#f0ad4e!important}#about-section{padding:2rem 0}#about-section .creative-section,#about-section .technical-section,#about-section .web-section{border-radius:10px;margin:2rem 0}#about-section .skill-title{font-size:28px;padding-bottom:.5rem;padding-top:2rem;text-align:center}#about-section .detail-section{border-radius:10px;display:flex;flex-direction:row;justify-content:space-between;padding:0 2.5rem .7rem;width:100%}.skill-left,.skill-right{width:50%}.skill-detail p{font-size:18px;font-style:italic;line-height:1.8rem;margin:8px 0}#creative,#technical,#web{padding:10px 0}.skill-section{display:flex;flex-direction:column;justify-content:center;padding:20px 0 20px 40px!important}.skill-section .skill{align-items:center;display:flex;margin-bottom:12px}.skill-section .skill:last-child{margin-bottom:0}.skill-section .skill .skills-title{align-items:center;display:flex;margin-right:1rem;width:10rem}.skill-section .skill .skills-title i{font-size:1.5rem;margin-right:1.2rem}.skill-section .skill .progress-bar{background:#000;border-radius:10px;display:block;height:10px;overflow:hidden;width:65%}.skill-section .skill .progress-bar .progress{background:#da0037;float:left;height:10px}.skill-section .skill .html-bar{-webkit-animation:html 5s;animation:html 5s;width:85%}@-webkit-keyframes html{0%{width:0}to{width:85%}}@keyframes html{0%{width:0}to{width:85%}}.skill-section .skill .css-bar{-webkit-animation:css 5s;animation:css 5s;width:77%}@-webkit-keyframes css{0%{width:0}to{width:77%}}@keyframes css{0%{width:0}to{width:77%}}.skill-section .skill .javascript-bar{-webkit-animation:javascript 5s;animation:javascript 5s;width:50%}@-webkit-keyframes javascript{0%{width:0}to{width:50%}}@keyframes javascript{0%{width:0}to{width:50%}}.skill-section .skill .react-bar{-webkit-animation:react 5s;animation:react 5s;width:40%}@-webkit-keyframes react{0%{width:0}to{width:40%}}@keyframes react{0%{width:0}to{width:40%}}.skill-section .skill .troubleshoot-bar{-webkit-animation:troubleshoot 5s;animation:troubleshoot 5s;width:90%}@-webkit-keyframes troubleshoot{0%{width:0}to{width:90%}}@keyframes troubleshoot{0%{width:0}to{width:90%}}.skill-section .skill .networking-bar{-webkit-animation:git 5s;animation:git 5s;width:70%}@-webkit-keyframes networking{0%{width:0}to{width:70%}}@keyframes networking{0%{width:0}to{width:70%}}.skill-section .skill .git-bar{-webkit-animation:git 5s;animation:git 5s;width:65%}@-webkit-keyframes git{0%{width:0}to{width:65%}}@keyframes git{0%{width:0}to{width:65%}}.skill-section .skill .windows-bar{-webkit-animation:windows 5s;animation:windows 5s;width:80%}@-webkit-keyframes windows{0%{width:0}to{width:80%}}@keyframes windows{0%{width:0}to{width:80%}}.skill-section .skill .linux-bar{-webkit-animation:linux 5s;animation:linux 5s;width:50%}@-webkit-keyframes linux{0%{width:0}to{width:50%}}@keyframes linux{0%{width:0}to{width:50%}}.skill-section .skill .analyze-bar{-webkit-animation:analyze 5s;animation:analyze 5s;width:72%}@-webkit-keyframes analyze{0%{width:0}to{width:72%}}@keyframes analyze{0%{width:0}to{width:72%}}.skill-section .skill .googling-bar{-webkit-animation:googling 5s;animation:googling 5s;width:80%}@-webkit-keyframes googling{0%{width:0}to{width:80%}}@keyframes googling{0%{width:0}to{width:80%}}.skill-section .skill .ocd-bar{-webkit-animation:ocd 5s;animation:ocd 5s;width:70%}@-webkit-keyframes ocd{0%{width:0}to{width:70%}}@keyframes ocd{0%{width:0}to{width:70%}}.skill-section .skill .photoshop-bar{-webkit-animation:photoshop 5s;animation:photoshop 5s;width:40%}@-webkit-keyframes photoshop{0%{width:0}to{width:40%}}@keyframes photoshop{0%{width:0}to{width:40%}}.skill-section .skill .organize-bar{-webkit-animation:organize 5s;animation:organize 5s;width:75%}@-webkit-keyframes organize{0%{width:0}to{width:75%}}@keyframes organize{0%{width:0}to{width:75%}}.skill-section .skill .manage-bar{-webkit-animation:manage 5s;animation:manage 5s;width:80%}@-webkit-keyframes manage{0%{width:0}to{width:80%}}@keyframes manage{0%{width:0}to{width:80%}}@media only screen and (max-width:600px){.container{margin:0!important}.page-title{padding:40px 20px 0!important}.section-title{font-size:28px;margin-bottom:1.5rem!important;margin-top:2.2rem!important}nav{display:flex;flex-direction:row;padding:.5rem 1rem}nav img{height:30px;justify-content:center;margin-top:5px}nav button{display:none}nav .main-link{font-size:22px}nav .nav-links{display:flex;font-size:16px;justify-content:center;padding:4px;width:60%}nav .nav-links ul{float:right}nav .nav-links li{margin-right:10px}nav .nav-links li:last-child{margin:0}nav .connect-btn{border-radius:3px;padding:5px 11px}.switch{left:10px;opacity:.4;position:fixed;top:65px!important}#top-section{display:inline-block;height:auto!important;padding-top:90px;width:100%}#top-section .left-section .right-section{padding:1rem;text-align:center}#top-section .left-section{text-align:center}#top-section .left-section .profile-image{height:20rem;width:auto}#top-section .right-section h1{font-size:35px;margin-bottom:10px;text-align:center}#top-section .right-section h1 span{font-size:25px;font-style:italic;text-align:left!important}#top-section .right-section h2{font-size:20px;margin:20px 0;text-align:center}#top-section .right-section p{font-size:18px;margin:0;text-align:center}.skill-set{display:inline-block;width:100%}.skill-set section{margin:20px 15px;padding:15px 20px 26px}.skill-set section .title{align-items:baseline;display:flex;justify-content:center;margin:.5rem 0}.skill-set section .title i{font-size:22px}.skill-set section .title h2{font-size:20px;margin-left:10px}.skill-set section .title p{font-size:15px}#timeline{margin-top:80px}#timeline .center-line{height:47rem;left:25px}#timeline .row{margin:30px 15px 40px 50px}#timeline .row section{padding:15px;width:100%}#timeline .row section:before{left:-7px}#timeline .row section .details .title{font-size:17px}#timeline .row section .details span,#timeline .row section p{font-size:14px}#timeline #born section{margin-top:-45px}#timeline #star section{margin-bottom:0}#contact-section{margin-bottom:0!important;padding-bottom:.3rem!important}#contact-section .contact-details{display:block;margin:20px;padding:20px}#contact-section .contact-details .sub-title{text-align:center}#contact-section .contact-details .indexContact{padding:10px;width:100%}#contact-section .contact-details .indexContact h2,#contact-section .contact-details .indexContact p{text-align:center}#contact-section .contact-details form{padding:15px 0;width:100%}#contact-section .contact-details form button,#contact-section .contact-details form input,#contact-section .contact-details form textarea{width:100%}#contact-section .contact-details .contact-info{padding-bottom:0;width:100%}#contact-section .contact-details .contact-info .sub-title,#contact-section .contact-details .contact-info:before{display:none}#contact-section .contact-details .contact-info ul{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;padding:0 1rem}#contact-section .contact-details .contact-info ul li{margin-bottom:0}#contact-section .contact-details .contact-info ul li i{font-size:26px}#contact-section .contact-details .contact-info ul li span{display:none}.contact-page{height:93.8vh!important}.contactPage-title{padding-top:90px!important}#testimonial-section{height:auto!important}.test-userImage{left:45%!important}.test-userText{padding:90px 25px 20px}.test-userText P{font-size:18px;font-weight:500}#testimonial-section .honest-title{margin-bottom:3rem!important;margin-top:4rem!important}#about-section{padding-bottom:.3rem!important}#about-section .creative-section,#about-section .technical-section,#about-section .web-section{border-radius:0!important}#about-section .skill-left,#about-section .skill-right{width:100%}#about-section .skill-title{font-size:24px!important}#about-section .detail-section{display:inline-block!important;padding:0 20px!important}#about-section .detail-section section strong{font-size:19px}#about-section .detail-section section p{font-size:17px}#about-section .skill-section{padding:0 0 20px!important;width:100%!important}#about-section .skill-section .progress-bar{width:50%!important}#about-section #creative-detail,#about-section #technical-detail,#about-section #web-detail{padding:1rem}#footer-section{position:relative}#footer-section p{font-size:14px;padding:9px 3px}}@media (min-width:601px) and (max-width:750px){.section-title{margin-bottom:3rem!important;margin-top:6rem!important}#creative-detail,#technical-detail,#web-detail{width:100%}.detail-section{display:inline-block!important;margin:.5rem 0}.skill-left,.skill-right{width:100%}.web1{display:block!important}.web2{display:none!important}.progress-bar{width:65%}.skill-section{padding:1rem!important;width:100%!important}#creative-detail,#technical-detail,#web-detail{padding:1rem}}@media (min-width:601px) and (max-width:990px){.container{margin:0 2em!important}nav{padding:.7rem 2rem!important}#top-section{height:25rem}.right-section{padding:0}.right-section h1{font-size:30px}.right-section h1 span{font-size:25px}.right-section h2{font-size:18px;margin:15px 0}.right-section p{font-size:16px;margin:0}.section-title{font-size:25px;margin-bottom:1rem;margin-top:2.4rem;text-align:center}.skill-set section{margin:.5rem;padding:.5rem}.skill-set section .title{margin:0 0 8px}.skill-set section .title i{font-size:30px;margin-bottom:5px}.skill-set section .title h2{font-size:18px}.skill-set p{font-size:12px}#contact-section .contact-details{display:flex}#timeline .center-line{height:36rem;left:50%}#timeline .row{margin:0 1rem}#timeline .row section{padding:15px;width:calc(50% - 25px)}#timeline .row section .details .title{font-size:18px}#timeline .row section p{font-size:15px;margin:10px 0 0}#timeline #star section{margin-bottom:70px}#timeline #contact-section .contact-details{padding:18px}#contact-section .contact-details form{width:70%}.contact-details .contact-info ul li{font-size:18px}.row section .details span{font-size:14px}.contact-details .contact-info:before{left:-50px}.contact-details .indexContact{padding:30px 80px 40px 25px}.test-userInfo{padding:10px 0}.test-userText{padding:80px 35px 10px}#testimonial-section{height:auto!important}.test-userText p{font-size:20px}#footer-section p{font-size:17px;padding:.5rem .8rem}}@media (min-width:768px) and (max-width:990px){.container{margin:0 5rem}nav{padding:.5rem 5rem}#top-section{height:25rem}.right-section h1{font-size:30px}.right-section h1 span{font-size:25px}.right-section h2{font-size:18px}.section-title{font-size:25px;margin-bottom:1rem;margin-top:2.4rem;text-align:center}.skill-set section{margin:.5rem;padding:.5rem}.skill-set section .title{margin:0 0 8px}.skill-set section .title i{font-size:30px;margin-bottom:5px}.skill-set section .title h2{font-size:18px}.skill-set p{font-size:12px}}@media (min-width:991px) and (max-width:1100px){.profile-image{padding:30px}}@media (min-width:991px) and (max-width:1499px){.container{margin:0 5rem!important}nav{padding:.7rem 9rem}#timeline #star section{margin-bottom:60px}#contact-section .contact-details form{width:70%}}@media (min-width:1500px){#contact-section .contact-details form{width:75%}#timeline #star section{margin-bottom:90px}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:Lato,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{cursor:context-menu;scrollbar-width:1px}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px grey}html::-webkit-scrollbar-thumb{background:#2c2e43;border-radius:10px}html::-webkit-scrollbar-thumb:hover{background:#da0037}body{height:100vh}.container{margin:0 15rem}.m3{margin:3rem 0}.clearfix{overflow:auto}.page-title{padding-bottom:20px;padding-top:90px;text-align:center;width:100%}a{color:#6b7aa1;font-weight:700;text-decoration:none;transition:color .5s ease}a:hover{color:#da0037}.section-title{margin-bottom:2rem;margin-top:4rem;text-align:center}.title-cap{font-size:2.3rem}
/*# sourceMappingURL=main.0d9f9e82.css.map*/