@import url(https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/egjs-flicking/4.x.x/flicking.css);body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;width:100%}li,ul{list-style-type:none}a{text-decoration:none}*{box-sizing:border-box}h1,h2,h3,h4,h5,li,p,ul{padding:0;margin:0}.footerDistributed{background-color:#21243d;box-shadow:0 1px 1px 0 rgba(0,0,0,.12);box-sizing:border-box;width:100%;text-align:left;font:700 16px sans-serif;font-family:"heebo";padding:55px 50px;margin-top:5px}.footerLogo{padding-top:.2em}.footerDistributed .footerCenter,.footerDistributed .footerLeft,.footerDistributed .footerRight{display:inline-block;vertical-align:top}.footerDistributed .footerLeft{width:40%}.footerDistributed h3{color:#fff;font:normal 36px "Cookie",cursive;margin:0}.footerDistributed h3 span{color:#5383d3}.footerDistributed .footerLinks{color:#fff;margin:20px 0 12px;padding:0}.footerDistributed .footerLinks a{display:inline-block;line-height:1.8;text-decoration:none;color:inherit}.footerDistributed .footerCompanyName{color:#8f9296;font-size:14px;font-weight:400;margin:0}.footerDistributed .footerCenter{width:35%}.footerDistributed .footerCenter i{background-color:#33383b;color:#fff;font-size:25px;width:38px;height:38px;border-radius:50%;text-align:center;line-height:42px;margin:10px 15px;vertical-align:middle}.footerDistributed .footerCenter i.fa-envelope{font-size:17px;line-height:38px}.footerDistributed .footerCenter p{display:inline-block;color:#fff;vertical-align:middle;margin:0}.footerDistributed .footerCenter p span{display:block;font-weight:400;font-size:14px;line-height:2}.footerDistributed .footerCenter p a{color:#5383d3;text-decoration:none}.footerDistributed .footerRight{width:20%}.footerDistributed .footerCompanyAbout{line-height:20px;color:#92999f;font-size:13px;font-weight:400;margin:0}.footerDistributed .footerCompanyAbout span{display:block;color:#fff;font-size:14px;font-weight:700;margin-bottom:20px}.footerDistributed .footerIcons{margin-top:25px}.footerDistributed .footerIcons a{display:inline-block;width:35px;height:35px;cursor:pointer;background-color:#33383b;border-radius:2px;font-size:20px;color:#fff;text-align:center;line-height:35px;margin-right:3px;margin-bottom:5px}@media (max-width:620px){.footerDistributed{font:700 14px sans-serif}.footerDistributed .footerCenter,.footerDistributed .footerLeft,.footerDistributed .footerRight{display:block;width:100%;margin-bottom:40px;text-align:center}.footerDistributed .footerCenter i{margin-left:0}.main{line-height:normal;font-size:auto}}#projects{font-family:"heebo";padding:2em 0}#projects .container{width:90%;margin:0 auto}#projects .container .heading{font-family:"heebo";font-size:40px;font-weight:700;text-align:center;padding:1em}#projects .container .project-items{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1em}#projects .container .project-items .project{border-radius:4px;grid-column:1/13;position:relative;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3)}#projects .container .project-items .project .text-section{padding:1em 1em 40px}#projects .container .project-items .project .text-section .title{font-size:26px;font-weight:700;line-height:38px;letter-spacing:0}#projects .container .project-items .project .text-section .grey-text{font-size:20px;font-size:16px;padding:5px 0;color:#21243d;letter-spacing:0}#projects .container .project-items .project .text-section .keywords{color:#21243d;font-size:1em;font-weight:700;color:grey}#projects .container .project-items .project .text-section .keywordsname{color:"heebo";font-weight:700;font-size:16px}#projects .container .project-items .project .text-section .viewSource{background-color:#ff6464;border-radius:2px;font-family:Heebo;font-size:20px;line-height:29px;border:none;color:#fff;cursor:pointer;display:inline-block;padding:0 5px;font-size:14px;line-height:20px;position:absolute;bottom:10px;right:10px}@media screen and (min-width:620px){#projects .container{width:90%;margin:0 auto}#projects .container .project-items{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1.5em}#projects .container .project-items .project{grid-column:span 6}}@media screen and (min-width:960px){#projects .container{width:90%;margin:0 auto}#projects .container .project-items{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:2em}#projects .container .project-items .project{grid-column:span 4}}.skillFlow{width:100%;height:auto}.fixFlow{display:none}.fixFlow::-webkit-scrollbar{display:none}.fixFlow{width:100%;height:800px;margin-bottom:3em}.fixFlow h3{text-align:center;font-family:"heebo";font-size:40px;color:main_color}.fixFlow span{width:100%}@media screen and (min-width:620px){.fixFlow{display:block}}.homepage{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;-webkit-justify-content:center;justify-content:center;font-family:"heebo";margin-bottom:2em}.homepage .social svg{width:30px}.vlist{height:100%}.hero{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:center;font-family:var(--heboo);width:90%;margin:0 auto;padding-top:1em}.hero .social{display:none}.hero .img{text-align:center;margin:0 auto;z-index:-5;-webkit-align-self:center;align-self:center}.hero .img img{border-radius:50%;width:80%}.hero .content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.hero .content h4{font-size:26px;font-weight:700;line-height:38px;letter-spacing:0;text-align:center;padding:1em}.hero .content p{font-size:20px;color:#21243d;letter-spacing:0;text-align:center}.hero .content .button{background-color:#ff6464;border-radius:2px;font-family:Heebo;font-size:20px;line-height:29px;border:none;padding:10px 20px;color:#fff;cursor:pointer;margin-top:2em}.hero .content .button a{color:#fff}.facebook:hover{color:#4267b2}.facebook:hover,.upwork:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.upwork:hover{color:#6fda44}.fiverr:hover{color:#00b22d}.fiverr:hover,.linkedin:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.linkedin:hover{color:#0077b5}.instagram:hover{color:#c13584}.github:hover,.instagram:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.github:hover{color:#333}@media screen and (min-width:620px){.homepage{height:90vh;width:100%}.hero{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.hero .social{display:-webkit-flex;display:flex;-webkit-order:2!important;order:2!important;-webkit-align-items:center;align-items:center}.hero .img img{width:100%}.hero .content{margin-left:auto;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;padding-right:20px;padding-left:2em}.hero .content h4{text-align:left;font-size:2em;line-height:1em}.hero .content p{text-align:left;max-width:1200px}.hero .content button{margin-right:auto}.hero .social ul li{padding:1px}.wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.wrapper .content h4{padding:0;line-height:40px}.wrapper .content p{padding-top:2em;font-size:18px}.wrapper .content p span{display:block;padding:.3em 0}}@media screen and (min-width:960px){.hero .img img{width:100%}.hero .content{margin-left:auto;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;padding-right:20px;padding-left:3em}.hero .content h4{text-align:left}.hero .content p{text-align:left;max-width:1200px;font-size:24px}.hero .content button{margin-right:auto}.hero .social ul li a{font-size:2em;color:#21243d}.wrapper .content h4{font-size:2.5em;line-height:55px}}.header{top:0;width:100vw;display:grid;grid-template-areas:"logo nav";background-color:#21243d;height:10vh}.logo{grid-area:logo;margin-left:20%;align-self:center}.nav{display:grid;grid-area:nav;grid-template-columns:repeat(4,80px);grid-template-rows:10vh;margin-right:20%;justify-items:center;-webkit-align-items:center;align-items:center;justify-self:end}.nav a{font-size:20px;color:#21243d;letter-spacing:0;font-family:"heebo";color:#fff}.nav a:hover{cursor:pointer;color:#ff0}.nav button{outline:none;border:none;font-size:20px;border-radius:10px;cursor:pointer;transition:70ms}.burger{display:none;grid-area:burger;margin:-10px 17px 0 0;padding:0;justify-self:end;border:none;background:none;height:10vh;outline:none;transition:.1s;color:#fff}.burger:active{-webkit-transform:scale(1);transform:scale(1)}@media (max-width:620px){.header{grid-template-areas:"logo burger" "nav nav"}.nav{grid-template-rows:repeat(4,30px);grid-template-columns:none;grid-row-gap:20px;background-color:#21243d;justify-self:center;position:absolute;top:0;left:0;bottom:0;right:0;padding-top:50px;width:100%}.burger{display:inline}}.navAnimation-enter{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}.navAnimation-enter-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}.navAnimation-exit{opacity:1}.navAnimation-exit-active{opacity:0;-webkit-transform:scale(.5);transform:scale(.5);transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s}@media screen and (min-width:620px){.header{height:10vh!important}}:root{--input-padding-x:1.5rem;--input-padding-y:0.75rem}.btn-login{font-size:.9rem;letter-spacing:.05rem;padding:.75rem 1rem;border-radius:2rem}.form-label-group{position:relative;margin-bottom:1rem}.form-label-group>input,.form-label-group>label{padding:.75rem 1.5rem;padding:var(--input-padding-y) var(--input-padding-x);height:auto;border-radius:2rem}.sidebar{background-color:#060b26;height:80px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.menu-bars{margin-left:2rem;font-size:2rem;background:none}.nav-menu{background-color:#060b26;width:250px;height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:fixed;top:0;left:-100%;transition:.85s}.nav-menu.active{left:0;transition:.35s}.nav-text{-webkit-justify-content:flex-start;justify-content:flex-start;padding:8px 0 8px 16px;list-style:none;height:60px}.nav-text,.nav-text a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.nav-text a{text-decoration:none;color:#f5f5f5;font-size:18px;width:95%;height:100%;padding:0 16px;border-radius:4px}.nav-text a:hover{background-color:#1a83ff}.nav-menu-items{width:100%}.sidebar-toggle{background-color:#060b26;width:100%;height:80px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}span{margin-left:16px}
/*# sourceMappingURL=main.90ed3971.chunk.css.map */