.header{z-index:99;position:sticky;top:0;margin:2rem 0 0}.header__wrapper{display:flex;justify-content:space-between;align-items:center;position:relative;background-color:#081623;transition:.3s ease-out}.header__logo{width:40px;height:auto}@media (min-width:768px){.header__logo{width:50px}}@media (min-width:768px){.header__hamburgurBtn{display:none}}@media (max-width:767px){.nav{position:absolute;right:0;width:0;height:100%;display:flex;justify-content:space-evenly;align-items:center;z-index:2;background-color:#081623;transition:width .3s ease-out;overflow:hidden}.nav-active{width:100%;padding-right:2rem}}.nav__links{color:#a6a6a6;padding:.5rem 0;position:relative}.nav__links:after{content:"";position:absolute;width:0;height:2px;background-color:#e2e2e2;left:0;bottom:0;transition:width .3s ease-out}.nav__links:hover:after{width:100%}.nav__links:hover{text-decoration:none;color:#a6a6a6}@media (min-width:768px){.nav__links{padding:.5rem 2rem}}.nav__links-active{color:#e2e2e2;font-weight:700}.nav__links-active:hover{color:#e2e2e2}.hamburgurBtn{cursor:pointer;z-index:3}.hamburgurBtn-active .hamburgurBtn__two{opacity:0}.hamburgurBtn-active .hamburgurBtn__one{-webkit-transform:translateY(.6rem) rotate(45deg);transform:translateY(.6rem) rotate(45deg)}.hamburgurBtn-active .hamburgurBtn__three{-webkit-transform:translateY(-.6rem) rotate(-45deg);transform:translateY(-.6rem) rotate(-45deg)}.hamburgurBtn__one,.hamburgurBtn__three,.hamburgurBtn__two{transition:.3s ease-out;width:30px;height:4px;background-color:#e2e2e2;margin:.4rem 0;border-radius:100rem}.homepage{display:flex;flex-direction:column;padding-top:2rem}@media (min-width:768px){.homepage{padding-top:4rem;flex-direction:row-reverse}.homepage__avatar,.homepage__text{flex:1 1}}.homepage__avatar{height:320px;border-radius:2rem;display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:5px 5px #1a3f61,10px 10px rgba(20,50,78,.7254901960784313),15px 15px rgba(15,39,61,.5803921568627451),20px 20px rgba(10,28,44,.5019607843137255),25px 25px rgba(8,22,34,.7411764705882353)}@media (min-width:450px){.homepage__avatar{height:350px}}@media (min-width:768px){.homepage__avatar{height:320px}}@media (min-width:992px){.homepage__avatar{height:400px}}.homepage__avatar img{width:100%;height:auto}@media (max-width:767px){.heroText{width:85%;margin:auto}}.heroText__heading{color:#e2e2e2;font-weight:700;margin-top:2rem;font-size:2.2rem}@media (max-width:767px){.heroText__heading{margin-top:3rem}}@media (min-width:400px){.heroText__heading{font-size:2.6rem}}@media (min-width:992px){.heroText__heading{font-size:3.2rem}}@media (min-width:1200px){.heroText__heading{font-size:3.8rem}}.heroText__subheading{color:#69f7d8;font-weight:700;font-size:1.3rem}@media (min-width:400px){.heroText__subheading{font-size:1.4rem;margin-top:.8rem}}@media (min-width:992px){.heroText__subheading{font-size:1.8rem;margin-top:1rem}}@media (min-width:1200px){.heroText__subheading{font-size:2rem}}.heroText__desc{margin-top:1.5rem;color:#cdcdcd;max-width:450px}@media (min-width:400px){.heroText__desc{margin-top:1.8rem}}@media (min-width:992px){.heroText__desc{margin-top:2.2rem}}.heroText__desc span{color:#69f7d8;font-weight:700}.heroText__callToAction{margin-top:1.8rem;display:flex;align-items:center;max-width:300px}@media (min-width:400px){.heroText__callToAction{margin-top:2.3rem}}@media (min-width:992px){.heroText__callToAction{margin-top:2.6rem}}.heroText__callToAction a{text-align:center;min-width:120px;padding:.7rem;border-radius:1rem;border:none;background-color:#152ee0;font-weight:700;color:#e2e2e2;font-size:1.05rem}.heroText__callToAction a:active{-webkit-transform:scale(.95);transform:scale(.95)}@media (min-width:992px){.heroText__callToAction a:hover{background-color:#1022ad;text-decoration:none}}.heroText__callToAction p{font-size:.8rem;color:#6b737a;margin:0 0 0 1rem}.about{max-width:300px;margin:auto auto 8rem;padding-top:3rem}@media (min-width:768px){.about{max-width:620px}}.about__heading{color:#e2e2e2;font-weight:700;max-width:-webkit-max-content;max-width:max-content;margin:auto auto 4rem}.about__heading:after{content:"";display:block;margin:.3rem auto auto;width:90%;height:3px;background-color:#152ee0}.about__content{display:flex;flex-direction:column}@media (min-width:768px){.about__content{flex-direction:row}}@media (min-width:768px){.about__avatar,.about__desc{flex:1 1}}.about__avatar{height:340px;border-radius:2rem;overflow:hidden;display:flex;align-items:flex-end;box-shadow:2rem 2rem 0 0 #0d2236}@media (min-width:768px){.about__avatar{margin-right:3rem;height:300px}}.about__avatar img{display:block;margin-top:10rem;width:100%;height:auto}.about__desc{padding-top:3rem}.about__desc p{margin-top:.7rem;margin-bottom:2rem;color:#cdcdcd;line-height:2rem}@media (min-width:768px){.about__desc{padding:2rem}.about__desc p{margin-bottom:3rem}}.about__desc img{display:block;width:70%;max-width:120px;height:auto}@media (max-width:767px){.about__desc img{margin:auto;width:50%}}.section{margin:5rem auto}@media (min-width:768px){.section{margin:8rem auto}}.section__content{display:flex;flex-direction:column}@media (min-width:768px){.section__content{flex-direction:row;align-items:center}}.section__content-reverse .section__desc{margin:0 auto;padding:2rem;border-radius:0 0 2rem 2rem}@media (max-width:767px){.section__content-reverse .section__desc{width:90%}}@media (min-width:768px){.section__content-reverse{flex-direction:row-reverse}.section__content-reverse .section__desc{padding:2rem 3rem 2.5rem 2rem;border-radius:2rem 0 0 2rem}}.section__picture{z-index:1;border-radius:1rem;overflow:hidden}.section__picture img{width:100%;height:auto}.section__picture iframe{width:100%;height:350px;margin:0}.section__desc{padding:2rem 2rem 2.5rem 3rem;background-color:#0d2236;border-radius:0 2rem 2rem 0}@media (max-width:767px){.section__desc{width:90%;margin:auto;border-radius:0 0 2rem 2rem;-webkit-transform:translateY(-.35rem);transform:translateY(-.35rem)}}.section__desc img{width:30px;height:auto;display:inline-block;margin-right:1rem}.section__desc p{margin:1rem 0 0;color:#cdcdcd;line-height:2rem}@media (min-width:768px){.section__picture{width:180%}}@media (min-width:768px){.section__desc{width:120%}}.myTools__heading{max-width:-webkit-max-content;max-width:max-content;margin:auto;text-align:center}.myTools__heading:after{content:"";display:block;margin:.3rem auto auto;width:90%;height:3px;background-color:#152ee0}.myTools__heading h2{color:#e2e2e2;font-weight:700}.myTools__heading p{color:#cdcdcd;font-size:1.2rem;margin-top:1rem}.myTools__heading p img{width:25px;height:auto;margin-left:.5rem}.toolsTable{background-color:#0d2236;margin-top:3rem;border-radius:2rem;padding:4rem 3rem 3rem}.toolsTable__backend,.toolsTable__frontend,.toolsTable__someOthers,.toolsTable__webDesign{text-align:center;padding-bottom:3rem;border-bottom:1px solid #21486c}.toolsTable__backend img,.toolsTable__frontend img,.toolsTable__someOthers img,.toolsTable__webDesign img{width:100%;height:auto;max-width:70px}.toolsTable__backend h3,.toolsTable__frontend h3,.toolsTable__someOthers h3,.toolsTable__webDesign h3{color:#e2e2e2;font-size:1.3rem;margin:1.5rem 0;font-weight:700}.toolsTable__backend p,.toolsTable__frontend p,.toolsTable__someOthers p,.toolsTable__webDesign p{color:#cdcdcd;line-height:1.3rem}@media (max-width:767px){.toolsTable__backend,.toolsTable__frontend{margin-top:3rem}}.toolsTable__someOthers{border-bottom:none;padding-top:3rem;padding-bottom:0}.toolsTable__someOthers h3{margin-top:0}.toolsTable__someOthers p{line-height:2rem}@media (min-width:768px){.toolsTable{display:grid;grid-template-columns:repeat(3,1fr)}.toolsTable__frontend,.toolsTable__webDesign{border-right:1px solid #21486c}.toolsTable__someOthers{grid-column:span 3}}.projects{padding-top:2rem;max-width:800px;margin:auto}@media (min-width:768px){.projects{padding-top:4rem}}.projects__heading{text-align:center;max-width:-webkit-max-content;max-width:max-content;margin:5rem auto auto}.projects__heading:after{content:"";display:block;margin:.3rem auto auto;width:90%;height:3px;background-color:#152ee0}.projects__heading h2{color:#e2e2e2;font-weight:700}.projects__heading p{color:#cdcdcd;font-size:1.2rem;margin-top:1rem}.projects__heading p img{display:inline-block;width:30px;margin-left:.3rem}.projects__cardsContainer{margin-top:4rem}.projects__moreProject{color:#e2e2e2;margin-top:5rem;text-align:center;font-size:1.2rem}@media (min-width:992px){.projects__moreProject{font-size:1.4rem}}.projects__moreProject a{color:#152ee0;text-decoration:underline}.card{background-color:transparent;margin-top:5rem}@media (min-width:768px){.card+.card{margin-top:7rem}}.card__projectSS{width:100%;height:auto;border-radius:1rem}.card__content{width:90%;margin:auto;background-color:#0d2236;padding:1rem 1.5rem 2rem;border-radius:0 0 1rem 1rem}@media (min-width:768px){.card__content{padding:1.5rem 3rem 3rem}}.card__heading{font-weight:700;color:#e2e2e2;margin-top:1rem}.card__subheading{color:#152ee0;font-weight:700;font-size:.8rem}.card__desc{color:#cdcdcd}.card__techIcon{width:25px;height:auto;display:inline-block;margin:0 .2rem}.card span{color:#a6a6a6;font-size:.8rem;font-weight:700}.card__button{margin-top:1.5rem}.card__button a{display:flex;align-items:center;display:inline-block}.card__button a:first-child{margin-right:2rem;border:2px solid #e2e2e2;padding:.4rem 1.3rem;border-radius:100rem;color:#e2e2e2;background-color:#152ee0;font-weight:700;font-size:1rem;transition:.3s ease-out}.card__button a:first-child img{width:20px;margin-right:.3rem;transition:.3s ease-out}.card__button a:first-child:hover{text-decoration:none;background-color:#e2e2e2;color:#0d2236}.card__button a:first-child:hover img{-webkit-filter:invert(100%);filter:invert(100%)}.card__button a:first-child:active{-webkit-transform:scale(.9);transform:scale(.9)}.card__button a:nth-child(2){width:30px}.card__button a:nth-child(2) img{width:100%;height:auto}.cta{margin:5rem auto 0;max-width:800px;background-color:#152ee0;padding:2rem;border-radius:2rem;box-shadow:2rem 2rem 0 0 #0d2236}@media (min-width:768px){.cta{padding:3rem 4rem;display:flex;align-items:center;justify-content:space-between;margin:7rem auto 0}}.cta h3{color:#e2e2e2;font-weight:700;margin-bottom:1rem}@media (max-width:575px){.cta h3{font-size:1.35rem}}.cta p{color:#cdcdcd;line-height:2rem;margin:0}.cta a{text-align:center;display:inline-block;margin-top:1.5rem;padding:.7rem 1.5rem;min-width:140px;border:2px solid #e2e2e2;background-color:#152ee0;border-radius:100rem;font-weight:700;color:#e2e2e2;font-size:1.1rem;transition:color .3s ease-out,background-color .3s ease-out}@media (min-width:768px){.cta a{margin-left:4rem;margin-top:0}.cta a:hover{color:#152ee0;background-color:#e2e2e2;text-decoration:none}}.cta a:active{-webkit-transform:scale(.95);transform:scale(.95)}.contact{padding-top:5rem;width:90%;max-width:600px;margin:auto}@media (min-width:768px){.contact{padding-top:7rem}}.contact__heading{text-align:center;max-width:-webkit-max-content;max-width:max-content;margin:auto}.contact__heading:after{content:"";display:block;margin:.3rem auto auto;width:90%;height:3px;background-color:#152ee0}.contact__heading h2{color:#e2e2e2;font-weight:700}.contact__heading p{color:#cdcdcd;font-size:1.2rem;margin-top:1rem}.contact__heading p img{width:30px;height:auto;margin-left:.3rem}.form{margin-top:3rem;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem 2rem}.form label input,.form label textarea{width:100%;background-color:#0d2236;border:none;color:#e2e2e2;border-radius:.3rem}.form label input{border-bottom:2px solid #0d2236;padding:.5rem 1rem}.form label input:focus{border-bottom-color:#152ee0}.form label textarea{border:2px solid #0d2236;padding:1rem;min-height:150px;max-height:250px}.form label textarea:focus{border-color:#152ee0}.form__email,.form__name{grid-column:span 2}@media (min-width:576px){.form__email,.form__name{grid-column:span 1}}.form__message,.form__subject,.form button{grid-column:span 2}.form p{margin-bottom:.3rem}.form button,.form p{color:#e2e2e2;font-weight:700}.form button{padding:.7rem 1.5rem;border-radius:.3rem;border:2px solid #e2e2e2;background-color:#152ee0;font-size:1.3rem;transition:.3s ease-out}.form button:active{-webkit-transform:scale(.97);transform:scale(.97)}@media (min-width:992px){.form button:hover{background-color:#e2e2e2;color:#152ee0}}.text-primary{color:#081623!important}.form-failed,.form-success{position:fixed;top:2rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#b2e9d3;background-color:#149461;border-radius:.5rem;padding:1rem;font-size:1.05rem;display:flex;align-items:center;z-index:100}.form-failed img,.form-success img{width:20px;-webkit-filter:invert(90%);filter:invert(90%);margin-left:.5rem;cursor:pointer}.form-failed{background-color:#b13e3e}.footer{margin-top:6rem;margin-bottom:3rem}.footer p{color:#e2e2e2;text-align:center}.footer__links{max-width:500px;margin:3rem auto;display:flex;justify-content:space-evenly;align-items:center}.footer__links img{width:100%;height:auto;max-width:40px;cursor:pointer;transition:.1s ease-out}.footer__links img:hover{-webkit-transform:scale(.85);transform:scale(.85)}*{margin:0;padding:0;box-sizing:border-box}:focus{outline:none}article,aside,picture,section{display:block}html{scroll-behavior:smooth}body{background-color:#081623!important;font-family:"PT Sans",Arial,Helvetica,sans-serif!important}.scrollDown{max-width:-webkit-max-content;max-width:max-content;margin:3rem auto 0}.scrollDown span{color:#a6a6a6;font-size:.8rem;font-weight:700}.scrollDown img{width:50px;height:auto;-webkit-filter:invert(100%);filter:invert(100%);-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}to{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}}@keyframes bounce{0%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}to{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}}
/*# sourceMappingURL=main.72e4ec14.chunk.css.map */