@import url("https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css");@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css");@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.0.0/magnific-popup.min.css");@import url("https://cdn.jsdelivr.net/npm/fakeloader@1.0.0/fakeLoader.css");.container{max-width:1080px !important}.txt__title h2{font-family:"Roboto",sans-serif;font-size:35px;font-weight:900;color:#222;position:relative}.section__navbar .navbar{padding:0em 10em;-webkit-box-shadow:0px 0px 10px 0px #222;box-shadow:0px 0px 10px 0px #222}.section__navbar .navbar__icon img{width:120px}.section__navbar .navbar-end .navbar-item{font-family:"Roboto",sans-serif;font-size:16px;font-weight:700;color:#222;padding:0 1.5em;letter-spacing:0.1em}.section__navbar .navbar-end .navbar-item:hover{color:#ffa31d;background-color:#fff;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.section__navbar .navbar-end .navbar-item:focus{background-color:#fff}.section__navbar .navbar-end .active{background-color:#fff;color:#ffa31d;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}@media (max-width: 1280px){.section__navbar .navbar{padding:0}}@media (max-width: 1023px){.section__navbar .navbar-end{padding:0 0.8em}.section__navbar .navbar-end .navbar-item{padding:0.5em 0.5em;border-bottom:1px solid #cecece}}.sec__home{width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#353353}.sec__home .blk__intro{margin:auto;max-width:500px;text-align:center;position:relative;z-index:1}.sec__home .blk__intro .ele__intro img{max-width:140px}.sec__home .blk__intro .ele__intro h1{font-family:"Caveat",cursive;font-size:70px;font-weight:700;color:#fff}.sec__home .blk__intro .ele__intro h2{font-family:"Roboto",sans-serif;font-size:23px;color:#fff;margin-top:-0.5em;font-weight:400}.sec__home .blk__intro .ele__intro h2 span{font-weight:700;color:#ffa31d}.sec__home .btn__intro{margin-top:1.5em;display:inline-block}.sec__home .btn__intro a{padding:0em 0.7em}.sec__home .btn__intro a i{font-size:27px;color:#fff;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out}.sec__home .btn__intro a i:hover{color:#ffa31d}.sec__home .blk__scroll-down{position:absolute;width:100%;text-align:center;bottom:40px;left:0px}.sec__home .blk__scroll-down span{font-family:"Roboto",sans-serif;font-size:16px;color:#fff;font-size:14px}.sec__home .blk__scroll-down .shape__mouse{border:solid 2px #FFF;border-radius:16px;display:block;margin:auto;height:27px;width:20px;position:relative;margin-top:0.5em}.sec__home .blk__scroll-down .shape__wheel{background:#fff;border-radius:100%;display:block;position:absolute;top:8px;left:40%;height:4px;width:4px;-webkit-animation:animate__wheel 2s linear infinite;animation:animate__wheel 2s linear infinite}@-webkit-keyframes animate__wheel{0%{top:30%}15%{top:50%}50%{top:50%}100%{top:30%}}@keyframes animate__wheel{0%{top:30%}15%{top:50%}50%{top:50%}100%{top:30%}}.sec__home .home__parallax{position:absolute;height:100%;width:100%;left:0;top:0}.sec__home .home__parallax .parallax__obj--01{top:20% !important;left:20% !important;width:28px}.sec__home .home__parallax .parallax__obj--02{top:80% !important;left:70% !important;width:30px}.sec__home .home__parallax .parallax__obj--03{top:65% !important;left:25% !important;width:25px}.sec__home .home__parallax .parallax__obj--04{top:27% !important;left:88% !important;width:20px}.sec__home .home__parallax .parallax__obj--05{top:8% !important;left:73% !important;width:25px}.sec__home .home__parallax .parallax__obj--06{top:90% !important;left:10% !important;width:20px}.sec__home .home__parallax .parallax__obj--07{top:10% !important;left:3% !important;width:15px}.sec__home .home__parallax .parallax__obj--08{top:85% !important;left:45% !important;width:25px}.sec__home .home__parallax .parallax__obj--09{top:21% !important;left:46% !important;width:27px}.sec__home .home__parallax .parallax__obj--10{top:49% !important;left:78% !important;width:30px}.sec__home .home__parallax .parallax__obj--11{top:67% !important;left:95% !important;width:30px}.sec__home .home__parallax .parallax__obj--12{top:50% !important;left:10% !important;width:20px}.button__top a{display:inline-block;background-color:#ffa31d;width:3em;height:3em;text-align:center;border-radius:2em;position:fixed;bottom:20px;right:30px;-webkit-transition:background-color .3s,opacity .5s, visibility .5s;transition:background-color .3s,opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:1000}.button__top a::after{content:'\f062';font-family:"Font Awesome 5 Free";font-weight:900;font-style:normal;font-size:1.5em;line-height:50px;color:#fff}.button__top .show{opacity:1;visibility:visible}@media (max-width: 1024px){.sec__home .home__parallax .parallax__obj--01{width:17px}.sec__home .home__parallax .parallax__obj--02{width:18px}.sec__home .home__parallax .parallax__obj--03{width:15px}.sec__home .home__parallax .parallax__obj--04{width:14px}.sec__home .home__parallax .parallax__obj--05{width:16px}.sec__home .home__parallax .parallax__obj--06{width:17px}.sec__home .home__parallax .parallax__obj--07{width:18px}.sec__home .home__parallax .parallax__obj--08{width:20px}.sec__home .home__parallax .parallax__obj--09{width:19px}.sec__home .home__parallax .parallax__obj--10{width:17px}.sec__home .home__parallax .parallax__obj--11{width:16px}.sec__home .home__parallax .parallax__obj--12{width:18px}}@media (max-width: 475px){.sec__home .blk__intro .ele__intro img{width:120px}.sec__home .blk__intro .ele__intro h1{font-size:50px}.sec__home .blk__intro .ele__intro h2{font-size:18px}.sec__home .home__parallax .parallax__obj--01{width:13px}.sec__home .home__parallax .parallax__obj--02{width:14px}.sec__home .home__parallax .parallax__obj--03{width:12px}.sec__home .home__parallax .parallax__obj--04{width:11px}.sec__home .home__parallax .parallax__obj--05{width:12px}.sec__home .home__parallax .parallax__obj--06{width:11px}.sec__home .home__parallax .parallax__obj--07{width:15px}.sec__home .home__parallax .parallax__obj--08{width:14px}.sec__home .home__parallax .parallax__obj--09{width:13px}.sec__home .home__parallax .parallax__obj--10{width:16px}.sec__home .home__parallax .parallax__obj--11{width:14px}.sec__home .home__parallax .parallax__obj--12{width:12px}}@media (max-width: 375px){.sec__home .btn__intro{margin-top:1em}.sec__home .btn__intro a{padding:0em 0.6em}.sec__home .btn__intro a i{font-size:22px}}.sec__about{background-color:#f9f9f9}.sec__about .blk__about{margin-top:1.5em}.sec__about .blk__about .img__profile{text-align:center}.sec__about .blk__about .img__profile img{width:230px}.sec__about .blk__about .ele__about{margin-left:3em}.sec__about .blk__about .ele__about h2{font-family:"Roboto",sans-serif;font-size:23px;font-weight:700;color:#222;margin-bottom:0.5em}.sec__about .blk__about .ele__about p{font-family:"Roboto",sans-serif;font-size:16px;color:#222;font-weight:400}.sec__about .blk__about .ele__about .ele__about--ul{margin-top:1em}.sec__about .blk__about .ele__about .ele__about--ul ul{-webkit-columns:2;columns:2}.sec__about .blk__about .ele__about .ele__about--ul li{line-height:2em;font-family:"Roboto",sans-serif;font-size:16px;color:#222}.sec__about .blk__about .ele__about .ele__about--ul li b{color:#222;font-weight:700}.sec__about .blk__about .ele__about .ele__about--ul .btn__about{margin-top:1.3em}.sec__about .blk__about .ele__about .ele__about--ul .btn__about a{background-color:#ffa31d;color:#fff;font-family:"Roboto",sans-serif;font-size:16px;font-weight:700;padding:0.7em 1.3em;border-radius:2em;-webkit-transition:all 0.1s ease-out;transition:all 0.1s ease-out}.sec__about .blk__about .ele__about .ele__about--ul .btn__about a i{margin-right:0.5em}.sec__about .blk__about .ele__about .ele__about--ul .btn__about a:hover{color:#222;background-color:#ffad37}@media (max-width: 768px){.sec__about .blk__about .ele__about{margin-left:0em}}@media (max-width: 475px){.sec__about .blk__about{margin-top:0em}.sec__about .blk__about .img__profile img{width:180px}.sec__about .blk__about .ele__about h2{font-size:20px}.sec__about .blk__about .ele__about p{font-size:14px}.sec__about .blk__about .ele__about .ele__about--ul ul{-webkit-columns:1;columns:1}.sec__about .blk__about .ele__about .ele__about--ul ul li{font-size:14px}}.sec__skills{background-color:#f9f9f9;padding-top:4em}.sec__skills .col__skill--coding{margin-top:0em}.sec__skills .col__skill--design{margin-top:1em}.sec__skills .col__skill--other{margin-top:1em}.sec__skills .divider__skill{border-top:1px solid #cecece}.sec__skills .blk__skill .txt__intro{width:100%;float:left;position:relative}.sec__skills .blk__skill .txt__intro span{position:absolute;left:0;top:0;font-size:35px;color:#ffa31d}.sec__skills .blk__skill .txt__intro .txt__detail{padding-left:3em}.sec__skills .blk__skill .txt__intro .txt__detail h2{font-family:"Roboto",sans-serif;font-size:23px;font-weight:700;color:#ffa31d}.sec__skills .blk__skill .txt__intro .txt__detail p{font-family:"Roboto",sans-serif;font-size:20px;font-weight:500;color:#222;line-height:10px}.sec__skills .blk__skill .txt__header h2{font-family:"Roboto",sans-serif;font-size:23px;font-weight:500;color:#222}.sec__skills .blk__skill .txt__header h2 i{color:#ffa31d}.sec__skills .blk__skill .txt__header h2 b{font-weight:700;color:#ffa31d}.sec__skills .blk__skill .ele__skill{margin-top:3em;text-align:center}.sec__skills .blk__skill .ele__skill ul{-webkit-column-count:3;column-count:3;-webkit-column-rule:solid 1px #cecece;column-rule:solid 1px #cecece;list-style-type:none}.sec__skills .blk__skill .ele__skill ul li{text-align:center;display:inline-block;width:100%;margin-bottom:2.5em}.sec__skills .blk__skill .ele__skill ul li .img__skill img{max-height:40px}.sec__skills .blk__skill .ele__skill ul li span{display:block;font-family:"Roboto",sans-serif;font-size:16px;font-weight:500;color:#222;margin-top:0.5em}.sec__skills .blk__skill .ele__skill--other{margin-top:2em}.sec__skills .blk__skill .ele__skill--other ul{list-style:none;width:600px}.sec__skills .blk__skill .ele__skill--other ul li{font-family:"Roboto",sans-serif;font-size:16px;display:inline-block;background-color:#222;border-radius:0.2em;color:#fff;padding:0.1em 0.7em;margin:0.3em 0.1em}.sec__skills .blk__skill .ele__skill--other ul li:hover{background-color:#ffa31d;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}@media (max-width: 768px){.sec__skills .blk__skill .ele__skill--other ul{width:400px}}@media (max-width: 475px){.sec__skills{padding-top:3em}.sec__skills .blk__skill .ele__skill{margin-top:2em}.sec__skills .blk__skill .ele__skill ul li .img__skill img{max-height:30px}.sec__skills .blk__skill .ele__skill ul li span{font-size:11px}.sec__skills .blk__skill .ele__skill--other ul{width:300px}.sec__skills .blk__skill .ele__skill--other ul li{font-size:13px}}@media (max-width: 320px){.sec__skills{padding-top:3em}.sec__skills .blk__skill .ele__skill ul li .img__skill img{max-height:25px}.sec__skills .blk__skill .ele__skill--other ul{width:280px}.sec__skills .blk__skill .ele__skill--other ul li{font-size:12px}}.sec__experience{background-color:#f9f9f9;padding-top:1em}.sec__experience .divider__skill{border-top:1px solid #cecece}.sec__experience .blk__experience{margin-top:1em}.sec__experience .blk__experience .txt__intro{width:100%;position:relative}.sec__experience .blk__experience .txt__intro span{position:absolute;left:0;top:0;font-size:35px;color:#222}.sec__experience .blk__experience .txt__intro .txt__detail{padding-left:4em}.sec__experience .blk__experience .txt__intro .txt__detail h2{font-family:"Roboto",sans-serif;font-size:16px;font-weight:700;color:#495057}.sec__experience .blk__experience .txt__intro .txt__detail h3{font-family:"Roboto",sans-serif;font-size:23px;font-weight:500;color:#222}.sec__experience .blk__experience .txt__intro .txt__detail p{font-family:"Roboto",sans-serif;font-size:16px;font-weight:400;color:#495057}.sec__experience .blk__experience .txt__intro .txt__description{padding-left:4em;margin-top:0.5em}.sec__experience .blk__experience .txt__intro .txt__description p{font-family:"Roboto",sans-serif;font-size:14px;font-weight:400;color:#495057}@media (max-width: 475px){.sec__experience{padding-top:0em}.sec__experience .blk__experience .txt__intro span{position:relative}.sec__experience .blk__experience .txt__intro .txt__detail{padding-left:0em}.sec__experience .blk__experience .txt__intro .txt__detail h2{font-size:13px}.sec__experience .blk__experience .txt__intro .txt__detail h3{font-size:16px}.sec__experience .blk__experience .txt__intro .txt__detail p{font-size:13px}.sec__experience .blk__experience .txt__intro .txt__description{padding-left:0em}.sec__experience .blk__experience .txt__intro .txt__description p{font-size:13px}}.sec__awards{background-color:#f9f9f9;padding-top:1em}.sec__awards .blk__awards{text-align:center;padding:0.7em;height:175px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:translateY(0);transform:translateY(0)}.sec__awards .blk__awards span{font-family:"Roboto",sans-serif;font-size:35px;color:#ffad37}.sec__awards .blk__awards h2{font-family:"Roboto",sans-serif;font-size:16px;font-weight:700;color:#222}.sec__awards .blk__awards p{font-family:"Roboto",sans-serif;font-size:14px;font-weight:400;color:#495057}.sec__awards .blk__awards small{font-family:"Roboto",sans-serif;font-size:14px;font-size:0.8em;color:#495057;font-weight:700}.sec__awards .blk__awards:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}@media (max-width: 1024px){.sec__awards .blk__awards{height:auto}}@media (max-width: 425px){.sec__awards .blk__awards h2{font-size:15px}.sec__awards .blk__awards p{font-size:13px}}.sec__portfolio{background-color:#353353;padding-top:4em}.sec__portfolio .blk__portfolio{position:relative}.sec__portfolio .txt__title h2{color:#fff}.sec__portfolio .btn__filter{display:inline-block;margin-top:1em}.sec__portfolio .btn__filter a{padding:0em 0.5em;font-family:"Roboto",sans-serif;font-size:20px;font-weight:700;color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.sec__portfolio .btn__filter a:hover{color:#FF8984}.sec__portfolio .btn__filter .active{color:#FF8984}.sec__portfolio .portfolio__wrapper .content__item{position:relative;overflow:hidden;padding:0em;border-radius:1em}.sec__portfolio .portfolio__wrapper .content__item .content__detail{position:absolute;height:100%;width:100%;z-index:1}.sec__portfolio .portfolio__wrapper .content__item .content__detail h3{color:#fff;background-color:#F8475E;display:inline-block;position:absolute;font-family:"Roboto",sans-serif;font-size:16px;font-weight:bold;padding:0.5em 0.5em;left:1em;top:0em;border-bottom-left-radius:1em;border-bottom-right-radius:1em;-webkit-transition:all cubic-bezier(0.075, 0.82, 0.165, 1) 1s;transition:all cubic-bezier(0.075, 0.82, 0.165, 1) 1s;-webkit-transform:translateY(-40px);transform:translateY(-40px);opacity:0}.sec__portfolio .portfolio__wrapper .content__item .content__detail h2{color:#fff;font-family:"Roboto",sans-serif;font-size:20px;font-weight:700;position:absolute;top:4em;padding:0 2em;opacity:0;-webkit-transition:all cubic-bezier(0.075, 0.82, 0.165, 1) 1s;transition:all cubic-bezier(0.075, 0.82, 0.165, 1) 1s;-webkit-transform:translateY(40px);transform:translateY(40px)}.sec__portfolio .portfolio__wrapper .content__item .content__detail h2 small{font-size:0.7em;font-weight:400;display:block}.sec__portfolio .portfolio__wrapper .content__item .content__detail span{font-family:"Roboto",sans-serif;font-size:20px;color:#fff;background-color:#F8475E;border-radius:100%;position:absolute;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;width:2em;height:2em;line-height:2em;text-align:center;display:block;bottom:0.5em;left:1em;opacity:0}.sec__portfolio .portfolio__wrapper .content__item .content__thumb{overflow:hidden}.sec__portfolio .portfolio__wrapper .content__item .content__thumb img{margin-bottom:-1em;width:100%}.sec__portfolio .portfolio__wrapper .content__item .content__thumb .content__mask{background:#ffad37;position:absolute;left:0;top:0;opacity:0;height:100%;width:100%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.sec__portfolio .portfolio__wrapper .content__item:hover .content__detail h2{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.sec__portfolio .portfolio__wrapper .content__item:hover .content__detail h3{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.sec__portfolio .portfolio__wrapper .content__item:hover .content__detail span{opacity:1}.sec__portfolio .portfolio__wrapper .content__item:hover .content__thumb .content__mask{opacity:0.9}.sec__portfolio .txt__seemore{margin-top:1em;text-align:center}.sec__portfolio .txt__seemore h2{font-family:"Roboto",sans-serif;font-size:16px;color:#fff;font-weight:400}.sec__portfolio .txt__seemore h2 span a{font-weight:700;color:#FF8984;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.sec__portfolio .txt__seemore h2 a:hover{color:#ffa31d}@media (max-width: 475px){.sec__portfolio .btn__filter{margin-top:0}.sec__portfolio .btn__filter a{display:block}.sec__portfolio .portfolio__wrapper .content__item .content__detail h2{font-size:15px;padding:0 1em}.sec__portfolio .txt__seemore h2{font-size:14px}}.sec__contact{background-color:#f9f9f9;margin-bottom:3em}.sec__contact .txt__contact h2{font-family:"Roboto",sans-serif;font-size:23px;color:#222;font-weight:700;margin-bottom:0.5em}.sec__contact .txt__contact h3{font-family:"Roboto",sans-serif;font-size:16px;color:#222;font-weight:700;line-height:2em}.sec__contact .txt__contact h3 span a{color:#F8475E;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in}.sec__contact .txt__contact h3 span a:hover{color:#ffa31d}.sec__contact .form__contact{margin-top:2em}.sec__contact .form__contact .field i{color:#F8475E}.sec__contact .form__contact .field input{font-family:"Roboto",sans-serif;font-size:16px;font-weight:700}.sec__contact .form__contact .field textarea{font-family:"Roboto",sans-serif;font-size:16px;font-weight:500}.sec__contact .form__contact .field button{background-color:#F8475E;font-family:"Roboto",sans-serif;font-size:16px;font-weight:700;color:#fff;padding:0.5em 1.5em;border-radius:2em;border:none;cursor:pointer;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.sec__contact .form__contact .field button:hover{background-color:#ffa31d}@media (max-width: 768px){.sec__contact .form__contact{margin-top:0em}}@media (max-width: 375px){.sec__contact .txt__contact h2{font-size:20px}.sec__contact .txt__contact h3{font-size:15px}}.sec__footer{background-color:#353353}.sec__footer .txt__footer{text-align:center;margin-top:1em}.sec__footer .txt__footer h2{font-family:"Roboto",sans-serif;font-size:16px;color:#fff;font-weight:700}.sec__footer .txt__footer h2 span{color:#ffa31d}.sec__footer .blk__btn{margin-top:1em;text-align:center}.sec__footer .blk__btn a{font-family:"Roboto",sans-serif;font-size:20px;color:#fff;padding:0 0.3em;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;display:inline-block}.sec__footer .blk__btn a:hover{color:#ffa31d}@media (max-width: 375px){.sec__footer .txt__footer h2{font-size:14px}}
/*# sourceMappingURL=main.min.css.map */