*,:after,:before{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#21283a;overflow:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}ul{list-style:none}a{text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:#2a7da2;border-radius:8px}.App{background-color:#21283a;min-height:100vh;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App,.header{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header{position:fixed;top:0;z-index:6;left:0;z-index:2;-webkit-justify-content:space-between;justify-content:space-between;padding:30px 4rem;transition:.2s ease-in-out}.headerLogo{-webkit-transform-origin:right;transform-origin:right;transition:.5s}.header.sticky{background-color:#21283a;box-shadow:0 8px 6px -6px rgba(0,0,0,.5)}.header.active .headerLogo{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left;transform-origin:left}.headerList{display:-webkit-flex;display:flex}.headerList li{margin-left:25px}.headerLanguage{border:1px solid #2a7da2;padding:0 15px;z-index:4;border-radius:45px;font-size:12px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.headerLanguage span{cursor:pointer;transition:.2s ease-in-out}.headerLanguage span:first-child:hover{color:#1ede6d}.headerLanguage span:nth-child(2):hover{color:violet}.headerToggle{position:relative;width:30px;z-index:4;height:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAfCAYAAAB3XZQBAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAM0lEQVRYw+3WsREAIAzEMML+Oz8FQxAu0gQuXUmyPrVfB4gHALjKVYofFg8AbRkz8dPiD+qQDAquHlwPAAAAAElFTkSuQmCC) no-repeat;background-position:50%;background-size:30px;cursor:pointer;transition:.1s}.headerMenu{position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;left:0;top:0;width:100%;height:100vh;background-color:transparent;visibility:hidden;opacity:0;transition:1s}.headerMenu:before{content:""}.headerMenu:before,.headerMenuImgCont{position:absolute;top:54.6%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:100px;width:500px;height:500px;border-radius:50%;transition:1s}.headerMenuImgCont{background-color:#21283a;overflow:hidden}.headerMenuImg{position:absolute;z-index:1;width:550px;top:24px;right:-30px}.headerMenuLinks{position:absolute;z-index:3;padding:0 10rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;visibility:hidden;opacity:0;-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scale(0);transform:scale(0);transition:.5s}.headerMenuLinksLink{padding:15px;margin:20px 0;color:#fff;font-size:calc(14px + 2vmin);transition:.5s ease-in-out;border-radius:6px}.headerMenuLinksLink:hover{background-color:#fff;color:#21283a;letter-spacing:6px}.header.active .headerToggle{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAmCAYAAACsyDmTAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACtElEQVRYw8WYS09aURSFLyYaNURFp471L/g3BEkqDpSaqgmQGGwg7aAd+BcVaTRq1BgfpK0V46OpXwfsq8fNVrhwL67kDODsvdY6j3tenicAckDC6zGABJDTfxZpIP8OhvKiXfT/2OQZFWCuh2bmRNPHpgc88BKPQBkYjtDIsGg8Ku0HD0gDh6riBEhFaCglGi4OgbQHDAIlmnEkc2siRCMTwnlk6JWAQT8wJuO5pYL+AcshGloWThdboh2zElaN+bQNzD+578zIoHBsG/Nm9a3EBFAA9owu/Qz0dWCmT3I19kSr9donrbk0CGY7MDRrNPASmA9CMgp8BeqKqCaf63gbHOMSW1McdeEeDdo4D0gCVUX4B1hoI3dBYl1UgWRgI4p43Rj/KvAJGDHiR6SuauStd2VGBOLAR14u8T4KRnzBiKsIR7xrQ47QInCjhHbcIZAh3lExN8BiaEYcMX+SnivBO+C7lDtVd97uR9CNsRSwr4R/S3GxT4T7oWuoH3vv0ygB/ZEbckx9AE4NI6dS15GZwFuB7ymkmFB6ZyDAkA30wlAKOFDiv6S4OIh0Ujuf/ZkSvge+SblXdWeRffbAEnCrBCs0L4x6Rb8FlsI0Egey2FtH3ojPG3EV4eh+6+D5zubiB7CCcYSgcXRZkRiNYrdmkgbxFe0fP66MhgQ/fgBjwBfgWhH+lEna8thJ4zhclhwX18I9FsRQhuaT3i6dH2F3FVcNyLTbMzmDAGAD66rSmjMmuRgNzL3ZU8CaSvKvQRlgKKgZh3dIOKxr0NprSdZF8S+Q7dSIoZEVThdbuA8cwKRMPo1j6erQVlkaq/2GcGuUgUkPmKH5unNM9I8N2lQdmPGfRi4Mt714jnFx8aQJTNN4HqkA6aiMGMbSonkCTOvKKfRbX29M5YCp1yrf5dHT/f0fUIQ0KuOi/GAAAAAASUVORK5CYII=) no-repeat;background-position:50%;background-size:20px}.header.active .headerLanguage{border:1px solid #fff}.header.active .headerMenu{visibility:visible;opacity:1}.header.active .headerMenu:before{background-color:#21283a;box-shadow:0 0 0 2000px #2a7da2}.header.active .headerMenuLinks{visibility:visible;opacity:1;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scale(1);transform:scale(1)}.header.active~.home .homeDesc{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scale(0);transform:scale(0)}@media (max-width:990px){.header{padding:30px 1.8rem}.headerToggle{width:25px;height:25px;background-size:25px}.headerList li{margin-left:18px}.header.active .headerLanguage{border:1px solid #fff}.header.active .headerToggle{background-size:15px}.headerMenu{background-color:#1a1a1f;-webkit-align-items:center;align-items:center}.headerMenu:before,.headerMenuImg,.headerMenuImgCont{opacity:0}.headerMenuLinks{width:100%;-webkit-align-items:center;align-items:center;height:100vh;-webkit-justify-content:center;justify-content:center}.headerMenuLinksLink{color:#fff;padding:10px 12px;margin:10px 0;font-weight:500}.headerMenuLinksLink:hover{color:#21283a}}.home{position:absolute;width:100%;z-index:1;top:70px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:calc(100vh - 80px);overflow:hidden}.homeDesc{width:50%;position:relative;z-index:5;-webkit-transform-origin:right;transform-origin:right;transition:.5s ease-in-out;left:4rem;-webkit-animation:showDesc 1s linear;animation:showDesc 1s linear}.homeDesc h3{margin-bottom:15px;font-weight:200}.homeDesc h5{font-weight:400;line-height:30px}.homeDesc button{padding:8px 16px;outline:none;background-color:#2a7da2;color:#fff;font-family:inherit;border:none;border-radius:10px;margin-top:25px;cursor:pointer;transition:.3s ease-in-out;font-size:calc(5px + 2vmin);font-weight:500;letter-spacing:1px;border:1px solid hsla(0,0%,100%,.15)}.homeDesc button:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}@-webkit-keyframes showDesc{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showDesc{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.homeImg{background:linear-gradient(90deg,transparent,#2a7da2,transparent);position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden;width:50%;height:100%;border-radius:54% 46% 68% 32%/57% 52% 48% 43%;transition:1s;-webkit-animation:showImg 3s linear,morph 15s linear infinite;animation:showImg 3s linear,morph 15s linear infinite}@-webkit-keyframes showImg{0%{opacity:0}to{opacity:1}}@keyframes showImg{0%{opacity:0}to{opacity:1}}@-webkit-keyframes morph{0%,to{border-radius:88% 12% 68% 32%/25% 24% 76% 75%}60%{border-radius:40% 60%}}@keyframes morph{0%,to{border-radius:88% 12% 68% 32%/25% 24% 76% 75%}60%{border-radius:40% 60%}}.homePic{position:absolute;z-index:2;width:100%;height:100%;right:-30px;top:24px;-webkit-animation:showPic 1s linear;animation:showPic 1s linear}@-webkit-keyframes showPic{0%{right:-600px}to{right:-30px}}@keyframes showPic{0%{right:-600px}to{right:-30px}}@media (max-width:990px){.homeImg{background:transparent;-webkit-animation:paused;animation:paused;right:-66px;width:500px;position:absolute}.homePic{opacity:.3;border-radius:50%;width:100%;height:auto;right:-10px;top:8%;-webkit-animation:showPic 1s linear;animation:showPic 1s linear}@-webkit-keyframes showPic{0%{right:-130px}to{right:0}}@keyframes showPic{0%{right:-130px}to{right:0}}.homeDesc{width:75%;margin:0 -2rem}}.tab{position:fixed;z-index:5;background-color:rgba(50,56,64,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.4);border-top-left-radius:12px;border-bottom-left-radius:12px;font-size:22px;right:-2px;width:40px;overflow:hidden;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-flex-direction:column;flex-direction:column;box-shadow:1px 4px 10px rgba(0,0,0,.15);cursor:pointer;transition:.5s ease-in-out}.tab,.tabIcons{display:-webkit-flex;display:flex}.tabIcons{-webkit-align-items:center;align-items:center;padding:10px;transition:.3s;letter-spacing:1px}.tabIcons .bx{margin-right:15px}.tabIcons small{font-size:14px;font-weight:500;letter-spacing:1px}.tab.active{width:280px}@media (max-width:780px){.tab{width:36px;font-size:18px}.tab.active{width:234px}.tab small{font-size:11px}}.resume{position:absolute;width:100%;z-index:1;top:70px;height:calc(100vh - 70px);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation:resume 1.5s linear;animation:resume 1.5s linear}@-webkit-keyframes resume{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes resume{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.resumeDownload{color:#2a7da2;cursor:pointer;position:absolute;top:15px;z-index:7;right:15px;font-size:calc(18px + 2vmin)}.resume .container{position:relative;padding:4rem 4rem 2rem;display:-ms-grid;display:grid;-ms-grid-columns:1fr 2fr;grid-template-columns:1fr 2fr;box-shadow:0 35px 55px rgba(0,0,0,.1)}@media (max-width:990px){.resume .container{padding:4rem 2rem}}.resume .container .left-side{position:relative;background-color:#21283a;border:1px solid hsla(0,0%,100%,.15);padding:40px}.resume .container .left-side .profile-text{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.15)}.resume .container .left-side .profile-text .imgBx{position:relative;width:160px;height:160px;border-radius:50%;overflow:hidden}.resume .container .left-side .profile-text .imgBx img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}.resume .container .left-side .profile-text h3{color:#fff;text-align:center;margin-top:10px;line-height:1.5rem;font-weight:500}.resume .container .left-side .profile-text h3 small{font-weight:300;font-size:calc(5px + 2vmin)}.resume .container .left-side .contact-info{padding-top:40px}.resume .container .left-side .contact-info .title{color:#fff;letter-spacing:1px;margin-bottom:20px}.resume .container .left-side .contact-info ul{position:relative}.resume .container .left-side .contact-info ul li{position:relative;margin:10px 0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.resume .container .left-side .contact-info ul li .icon{display:inline-block;width:32px;color:#2a7da2;font-size:20px}.resume .container .left-side .contact-info ul li .text{font-size:calc(4px + 2vmin);color:#fff;font-weight:200}.resume .container .left-side .education ul li{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.resume .container .left-side .education ul li h4:first-child{color:#2a7da2;font-weight:500}.resume .container .left-side .education ul li h4{font-weight:300;color:#fff;font-size:calc(5px + 2vmin)}.resume .container .left-side .education ul li h4:nth-child(2){font-weight:500}.resume .container .left-side .skills .skill-name{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:.4rem;gap:.4rem}.resume .container .left-side .skills .skill-name i{font-size:18px}.resume .container .left-side .skills ul{margin-top:25px}.resume .container .left-side .languages ul li{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;grid-gap:1rem;gap:1rem}.resume .container .left-side .languages ul li .percent{position:relative;width:100%;height:6px;background-color:#081921}.resume .container .left-side .languages ul li .percent div{position:absolute;height:100%;background-color:#03a9f4}.resume .container .right-side{position:relative;background-color:#323840;border:1px solid hsla(0,0%,100%,.15);padding:40px}.resume .container .right-side .about{margin-bottom:50px}.resume .container .right-side .about:last-child{margin-bottom:0}.resume .container .right-side .about .title{color:#fff;letter-spacing:1px;margin-bottom:10px}.resume .container .right-side .about p{margin-top:14px;text-align:justify;color:#fff;font-size:calc(4px + 2vmin);white-space:pre-line;white-space:-moz-pre-wrap;white-space:-o-pre-wrap}.resume .container .right-side .experience .box{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;margin:30px 0}.resume .container .right-side .experience .box .year-company{min-width:150px}.resume .container .right-side .experience .box .year-company h5{color:#848c90;font-weight:500;font-size:calc(2px + 2vmin)}.resume .container .right-side .experience .box .year-company h6{font-weight:400;color:#03a9f4;margin-top:10px;word-wrap:break-word;margin-right:35px;margin-bottom:15px}.resume .container .right-side .experience .box .text h4{color:#2a7da2;margin-bottom:10px;font-size:calc(7px + 2vmin);font-weight:700}@media (max-width:600px){.resume .container .right-side .experience .box{-webkit-flex-direction:column;flex-direction:column}}.resume .container .right-side .interest ul{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr}.resume .container .right-side .interest ul li{margin:10px 0;color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-weight:500;grid-gap:.7rem;font-size:calc(5px + 2vmin)}.resume .container .right-side .interest ul li i{font-size:24px;color:#2a7da2}@media (max-width:1000px){.resume .container .right-side .interest ul{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}@media (max-width:600px){.resume .container .right-side .interest ul{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media (max-width:1000px){.resume .container{-ms-grid-columns:1fr;grid-template-columns:1fr}}.portfolio{position:absolute;z-index:1;top:70px;height:calc(100vh - 70px)}.portfolioContainer{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(25vmax,1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(25vmax,1fr));grid-gap:2rem;padding:4rem 4rem 2rem;-webkit-transform-origin:right;transform-origin:right;-webkit-animation:portf 1.5s linear;animation:portf 1.5s linear}@media (max-width:990px){.portfolioContainer{padding:4rem 2rem}}@-webkit-keyframes portf{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes portf{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.portfolioCard{background-color:#323840;position:relative;border:1px solid hsla(0,0%,100%,.4);border-radius:18px;padding:0 0 100px}.portfolioCardImg{width:100%;height:260px;overflow:hidden;border-top-left-radius:18px;border-top-right-radius:18px;border-bottom:1px solid hsla(0,0%,100%,.4)}.portfolioCardImg img{width:100%;height:100%;object-fit:cover;transition:1s ease-in-out}.portfolioCard:hover img{-webkit-transform:scale(2);transform:scale(2)}.portfolioCardDesc{padding:25px}.portfolioCardDescH4{font-weight:400;color:#2a7da2;margin-bottom:10px}.portfolioCardDescP{font-size:calc(3px + 2vmin);color:#848c90}.portfolioCardStacks{padding:0 25px}.portfolioCardStacks h5{font-weight:500;color:#2a7da2;margin-bottom:10px}.portfolioCardStacksUl{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.portfolioCardStacksUl li{padding:6px 4px;font-size:calc(2px + 2vmin)}.portfolioCardLinks{display:-webkit-flex;display:flex;width:100%;-webkit-justify-content:space-between;justify-content:space-between;padding:15px 25px;border-top:1px solid hsla(0,0%,100%,.4);position:absolute;bottom:0}.portfolioCardLink{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:6px;color:#fff;font-size:calc(12px + 2vmin);border-radius:4px;transition:.3s}.portfolioCardLink:hover{background-color:#2a7da2}
/*# sourceMappingURL=main.e0d1c503.chunk.css.map */