@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);
html,body{margin:0;padding:0;font-family:"Inter",sans-serif;color:#272727}a,button{color:#272727}input,textarea,button,select,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}.component-card__container{border:1px solid #272727;border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.component-card__container>div{display:block;width:50%}.component-card__container>div:first-of-type{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f6f8fa;text-align:center}.component-card__container>div:first-of-type>svg{max-height:115px;width:120px}.component-card__container>div:last-of-type{height:100%;line-height:1.4rem}.component-card__container>div:last-of-type h3,.component-card__container>div:last-of-type p{margin:0;padding:0 1.5rem}.component-card__container>div:last-of-type h3{margin:1.2rem 0 .4rem 0}.component-card__container>div:last-of-type p{padding-bottom:1.2rem}@media(max-width: 700px){.component-card__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.component-card__container div{width:100%}.component-card__container div:first-of-type{padding:1.2rem 0}}.component-form__container button,.component-form__container input,.component-form__container label,.component-form__container textarea{font-size:18px}.component-form__container input,.component-form__container textarea{margin:0 0 2rem 0}.component-form__container button{border:2px solid #e65100;border-radius:30px;padding:0 1.5rem;height:55px;background-color:#e65100;color:#fff;font-weight:600}@media(max-width: 1160px){.component-form__container button{padding:0 2.5rem}}.component-form__container button:focus{outline:0}.component-form__container button:hover{background-color:#d74c00;cursor:pointer}.component-form__container input{height:40px}.component-form__container textarea{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:200px;font-family:inherit}.component-form-item>input:focus,.component-form-item>textarea:focus{border:1.5px solid #e65100;outline:none}.component-form-item>input{padding:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.component-form-item>label{margin-bottom:.4rem;display:block;font-size:18px}.component-form-item>textarea{padding:.5rem;width:100%;min-height:200px}.component-hero__container{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:225px;width:100%;height:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width: 700px){.component-hero__container{min-height:250px}}.component-hero__container>section{margin:0 4rem;width:75%;color:#fff}@media(max-width: 700px){.component-hero__container>section{margin:0 2.5rem}}.component-hero__container>section h1{margin:0;font-size:32px}@media(max-width: 700px){.component-hero__container>section h1{margin-top:1.2rem;font-size:22px}}.component-hero__container>section>p{margin-top:.8rem;line-height:1.5rem}@media(max-width: 700px){.component-hero__container>section>p{margin-top:.4rem}}.component-hero__container>section>div{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width: 700px){.component-hero__container>section>div{display:none}}.component-hero__container>section>div>a{margin-right:1.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff}.component-hero__container>section>div>a>svg{margin-left:4px;width:20px}@media(max-width: 1160px){.component-hero__container>section{width:100%}}.component-list__container{width:100%}.component-list__container>ul{margin:0;padding:0;list-style:none}.component-list__container>ul>li{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #d0d7de;padding:2rem 0}.component-list__container>ul>li>div{margin-right:15px;border:1px solid #272727;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:50px;-ms-flex-preferred-size:50px;flex-basis:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#f6f8fa}.component-list__container>ul>li>div>svg{width:30px;height:auto}.component-list__container>ul>li>section{-ms-flex-preferred-size:calc(100% - 67px);flex-basis:calc(100% - 67px)}.component-list__container>ul>li>section>h3{margin:0}.component-list__container>ul>li>section>p{margin:.6rem 0 1.2rem 0;line-height:1.6rem}.app-pk-portfolio__container>nav{z-index:1;border-right:3px solid #e65100;width:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.app-pk-portfolio__container>nav>button{margin:.2rem;padding:0;display:none;visibility:hidden;position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;border:none;width:36px;-ms-flex-item-align:end;align-self:flex-end;background-color:rgba(0,0,0,0);cursor:pointer}.app-pk-portfolio__container>nav>button>svg{color:#e65100}.app-pk-portfolio__container>nav>ul{margin:0;padding:0;width:85%;list-style:none}@media(max-width: 1160px){.app-pk-portfolio__container>nav{width:100px}}@media(max-width: 700px){.app-pk-portfolio__container>nav{position:absolute;left:calc(-75% - 3px);z-index:100;width:75%;overflow:scroll;-webkit-transition:left .4s ease-in-out;transition:left .4s ease-in-out}.app-pk-portfolio__container>nav.--is-open{left:0;visibility:visible}.app-pk-portfolio__container>nav>button{display:block;visibility:visible}}.app-pk-portfolio__container>nav>ul:first-of-type>li>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;-webkit-text-decoration:none;text-decoration:none}.app-pk-portfolio__container>nav>ul:first-of-type>li>a>svg{margin-right:1rem}.app-pk-portfolio__container>nav>ul:first-of-type>li:first-of-type{margin:1rem 0;padding:1.5rem 0}.app-pk-portfolio__container>nav>ul:first-of-type>li:first-of-type a{width:auto;color:#e65100;font-size:24px}.app-pk-portfolio__container>nav>ul:first-of-type>li:first-of-type a>h3{margin:0;font-size:24px;font-weight:600}.app-pk-portfolio__container>nav>ul:first-of-type>li:first-of-type a>h3>span{margin-top:.16rem;display:block;font-size:16px;font-weight:normal}@media(max-width: 1280px){.app-pk-portfolio__container>nav>ul:first-of-type>li:first-of-type a>h3{font-size:20px}.app-pk-portfolio__container>nav>ul:first-of-type>li:first-of-type a>h3>span{font-size:14px}}@media(max-width: 1160px){.app-pk-portfolio__container>nav>ul:first-of-type>li:first-of-type a>h3{display:none}}@media(max-width: 700px){.app-pk-portfolio__container>nav>ul:first-of-type>li:first-of-type a>h3{display:block;font-size:18px}.app-pk-portfolio__container>nav>ul:first-of-type>li:first-of-type a>h3>span{font-size:12px}}.app-pk-portfolio__container>nav>ul:first-of-type>li:first-of-type a:hover{background:#f2f2f2}.app-pk-portfolio__container>nav>ul:first-of-type>li:first-of-type>a>svg{border:1.5px solid #e65100;border-radius:10px;margin-right:1rem;padding:.6rem;width:50px}@media(max-width: 1160px){.app-pk-portfolio__container>nav>ul:first-of-type>li:first-of-type>a>svg{margin:0 auto}}@media(max-width: 700px){.app-pk-portfolio__container>nav>ul:first-of-type>li:first-of-type>a>svg{margin:0 1rem 0 0}}.app-pk-portfolio__container>nav>ul:first-of-type>li:nth-child(n+2){border-bottom:1px dashed #e65100}.app-pk-portfolio__container>nav>ul:first-of-type>li:nth-child(n+2)>a{border-left:8px solid #fff;padding:1.5rem .5rem}@media(max-width: 1160px){.app-pk-portfolio__container>nav>ul:first-of-type>li:nth-child(n+2)>a>span{display:none}}@media(max-width: 700px){.app-pk-portfolio__container>nav>ul:first-of-type>li:nth-child(n+2)>a>span{display:block}}.app-pk-portfolio__container>nav>ul:first-of-type>li:nth-child(n+2) a.active{border-color:#e65100;color:#e65100;background-color:#fff3e0}.app-pk-portfolio__container>nav>ul:first-of-type>li:nth-child(n+2) a.active:hover{border-color:#e65100;color:#e65100;background-color:#ffeedc}.app-pk-portfolio__container>nav>ul:first-of-type>li:nth-child(n+2)>a>svg{width:25px}@media(max-width: 1160px){.app-pk-portfolio__container>nav>ul:first-of-type>li:nth-child(n+2)>a>svg{margin:0 auto}}@media(max-width: 700px){.app-pk-portfolio__container>nav>ul:first-of-type>li:nth-child(n+2)>a>svg{margin:0 1rem 0 0}}.app-pk-portfolio__container>nav>ul:first-of-type>li:nth-child(n+2):hover{-webkit-transition:all .5s ease;transition:all .5s ease;background:#f2f2f2}.app-pk-portfolio__container>nav>ul:first-of-type>li:nth-child(n+2):hover a{border-left-color:#f2f2f2;-webkit-transition:all .5s ease;transition:all .5s ease}.app-pk-portfolio__container>nav>ul:last-of-type{margin-bottom:2.5rem;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media(max-width: 1160px){.app-pk-portfolio__container>nav>ul:last-of-type{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap}}@media(max-width: 700px){.app-pk-portfolio__container>nav>ul:last-of-type{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}}.app-pk-portfolio__container>nav>ul:last-of-type>li{-ms-flex-preferred-size:33%;flex-basis:33%;text-align:center}.app-pk-portfolio__container>nav>ul:last-of-type>li>a{padding:.6rem 0;display:block}.app-pk-portfolio__container>nav>ul:last-of-type>li>a:hover{background-color:#f2f2f2}.app-pk-portfolio__container>nav>ul:last-of-type>li>a>svg{width:35px}.app-pk-portfolio__container>nav>ul:last-of-type>li:nth-child(2){border-left:1px solid #e65100;border-right:1px solid #e65100}@media(max-width: 1160px){.app-pk-portfolio__container>nav>ul:last-of-type>li:nth-child(2){border-left:none;border-right:none}}.app-pk-portfolio__container>button{position:absolute;top:0;left:7px;z-index:10;display:none;visibility:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;margin-top:.5rem;padding:0;border:none;width:35px;background-color:rgba(0,0,0,0);color:#fff;cursor:pointer}@media(max-width: 700px){.app-pk-portfolio__container>button{display:block;visibility:visible}}.component-tabs__container>ul{border-bottom:2px solid #d0d7de;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none}.component-tabs__container>ul>li{margin-right:1.5rem;margin-bottom:-1px;height:30px}@media(max-width: 700px){.component-tabs__container>ul>li{margin-bottom:0}}.component-tabs__container>ul>li>button{border:none;padding:0;display:block;height:100%;font-size:16px;background-color:rgba(0,0,0,0);cursor:pointer}.component-tabs__container>ul>li>button.active{border-bottom:2px solid #e65100;color:#e65100}@media(max-width: 700px){.component-tabs__container>ul>li>button.active{border-width:3px}}.component-tabs__container>ul>button{position:absolute;display:none;visibility:hidden}.component-tabs__container>ul>button>svg{width:15px}@media(max-width: 840px){.component-tabs__container>ul{overflow-x:scroll;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;scroll-behavior:smooth}.component-tabs__container>ul>button{padding:0;width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;visibility:visible;-webkit-appearance:none;border-radius:0;border-width:0}.component-tabs__container>ul>button.prev{left:15px}.component-tabs__container>ul>button.next{right:15px}.component-tabs__container>ul>button>svg{width:90%}}.component-vertical-timeline__container>ul{padding:0;border-left:1px solid #272727;list-style:none}.component-vertical-timeline__container>ul>li{position:relative;padding:1.5rem 1.5rem 1.5rem 2rem}.component-vertical-timeline__container>ul>li>time{display:block;margin-top:7.5px}.component-vertical-timeline__container>ul>li>h3{margin:.5rem 0 0 0}.component-vertical-timeline__container>ul>li>div:first-of-type{position:absolute;left:-17.2px;border:2px solid #e65100;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;width:30px;height:30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff}.component-vertical-timeline__container>ul>li>div:first-of-type>svg{width:18px;color:#e65100}.component-vertical-timeline__container>ul>li>div:last-of-type{margin-top:.8rem;display:-webkit-box;display:-ms-flexbox;display:flex}.component-vertical-timeline__container>ul>li>div:last-of-type>div{display:-webkit-box;display:-ms-flexbox;display:flex;width:48px;border:1.5px solid #d0d7de;border-radius:5px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.component-vertical-timeline__container>ul>li>div:last-of-type>div>svg{width:60%;height:auto}.component-vertical-timeline__container>ul>li>div:last-of-type>section>span{margin-left:.5rem;display:block;font-size:14px}.component-vertical-timeline__container>ul>li>div:last-of-type>section>span:last-of-type{margin-top:.2rem}.component-vertical-timeline__container>ul>li>p{line-height:1.6rem}.app-pk-portfolio__container{display:-webkit-box;display:-ms-flexbox;display:flex}.app-pk-portfolio__container nav,.app-pk-portfolio__container main{height:100vh}.app-pk-portfolio__container>main{position:relative;width:75%;overflow:scroll}@media(max-width: 1160px){.app-pk-portfolio__container>main{width:calc(100% - 100px)}}@media(max-width: 700px){.app-pk-portfolio__container>main{position:static;width:100%}}.app-pk-portfolio__container>main .layout-page__content{padding:2rem 4rem}@media(max-width: 700px){.app-pk-portfolio__container>main .layout-page__content{padding:2rem 2.5rem}}.layout-page__contact .component-hero__container{background:linear-gradient(125deg, rgb(62, 59, 79) 0%, rgb(39, 182, 171) 100%)}.layout-page__contact .layout-page__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.layout-page__contact .layout-page__content>svg{margin-top:6rem;fill:#e65100}.layout-page__contact .layout-page__content>section{margin-top:6rem;text-align:center}.layout-page__contact .layout-page__content>section>h2{margin:.5rem 0}.layout-page__contact .layout-page__content>section>svg{width:115px;color:#1f883d}.layout-page__contact .layout-page__content>section>p{margin:0;font-size:18px}.layout-page__contact .component-form__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.layout-page__contact .component-form__container>div:nth-of-type(-n+3){-ms-flex-preferred-size:48%;flex-basis:48%}@media(max-width: 700px){.layout-page__contact .component-form__container>div:nth-of-type(-n+3){-ms-flex-preferred-size:100%;flex-basis:100%}}.layout-page__contact .component-form__container>div:nth-of-type(3),.layout-page__contact .component-form__container>div:nth-of-type(4){-ms-flex-preferred-size:100%;flex-basis:100%}.layout-page__contact .component-form__container button{-ms-flex-preferred-size:20%;flex-basis:20%}.layout-page__experience .component-hero__container{background:linear-gradient(180.971deg, rgb(189, 50, 136) 0%, rgb(187, 113, 49) 100%)}.layout-page__experience .component-verticle-timeline__container{width:100%}.layout-page__home{position:absolute;top:0;right:0;left:0;right:0;padding:0 2rem;min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff}@media(max-width: 700px){.layout-page__home{padding:0 1.5rem}}.layout-page__home>div>img{border:4px solid #e65100;border-radius:15%;width:412px}@media(max-width: 700px){.layout-page__home>div{width:60%}.layout-page__home>div>img{width:100%}}.layout-page__home>h1{font-size:32px}@media(max-width: 700px){.layout-page__home>h1{font-size:20px}}.layout-page__home>p{margin:0;width:60%;text-align:center;font-size:18px;line-height:1.8rem}@media(max-width: 700px){.layout-page__home>p{width:100%;font-size:14px;line-height:1.4rem}}#tsparticles{height:100%;overflow:hidden}#tsparticles>canvas{background:linear-gradient(125deg, rgb(131, 58, 180) 0%, rgb(253, 29, 29) 100%)}.layout-page__projects .component-hero__container{background:linear-gradient(125deg, rgb(114, 66, 146) 0%, rgb(184, 151, 124) 100%)}.layout-page__projects>div:last-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.layout-page__projects>div:last-of-type .component-list__container>ul>li>section>a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.layout-page__projects>div:last-of-type .component-list__container>ul>li>section>a svg{margin-left:4px;width:20px}.layout-page__skills>div:last-of-type .component-tabs__container>ul{margin-top:0}.layout-page__skills>div:last-of-type .component-tabs__container section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.layout-page__skills>div:last-of-type .component-tabs__container>section .component-card__container{margin:.9rem 0;-ms-flex-preferred-size:48.5%;flex-basis:48.5%}@media(max-width: 960px){.layout-page__skills>div:last-of-type .component-tabs__container>section .component-card__container{-ms-flex-preferred-size:100%;flex-basis:100%}}.layout-page__skills .component-hero__container{background:linear-gradient(125deg, rgb(115, 24, 55) 0%, rgb(195, 153, 70) 100%)}.page{position:absolute;left:0;right:0;height:100%}.page-enter{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.page-enter-active{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);-webkit-transition:-webkit-transform 1000ms ease-in-out;transition:-webkit-transform 1000ms ease-in-out;transition:transform 1000ms ease-in-out;transition:transform 1000ms ease-in-out, -webkit-transform 1000ms ease-in-out}.page-exit{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}.page-exit-active{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 1000ms ease-in-out;transition:-webkit-transform 1000ms ease-in-out;transition:transform 1000ms ease-in-out;transition:transform 1000ms ease-in-out, -webkit-transform 1000ms ease-in-out}