@import url(//fonts.googleapis.com/css?family=Lato:400,700&display=swap);@import url(//fonts.googleapis.com/css?family=Raleway:400,700&display=swap&subset=latin-ext);*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:url(/static/media/bgBody.498cd195.png) 50%;font-family:Poppins,sans-serif}.main{width:100%;height:100vh;color:#f6f8f8}.form-btn,.ham,.start{cursor:pointer}.about-icons,.hover-img,.introduce-myself,form{display:-webkit-flex;display:flex}.contact-with-me,.image,.items,.showInfo,.smaller-items,h2{text-align:center}h2{padding:5px 0;width:100%;border:1px solid hsla(0,0%,100%,.26);border-radius:4px;background-color:hsla(0,0%,100%,.09);font-size:30px;color:#fff;margin:40px auto;font-family:Raleway,sans-serif;letter-spacing:3px;text-transform:uppercase}footer{padding:15px 0;background-color:#0f0f0f;text-align:center;font-size:17px}@media (min-width:768px){h2{width:50%;font-size:35px;margin:100px auto;letter-spacing:5px;font-size:40px}}.foto,.foto img{width:100%}h2{margin:30px auto}#about{padding:0 4%;margin:20px 0;overflow:hidden}#about h3,#about h4{font-family:Raleway;text-align:center}#about h3{margin-top:10%;font-size:23px}#about h4{font-size:20px}.introduce-myself{-webkit-flex-direction:column;flex-direction:column;display:-webkit-flex;display:flex}.introduce-myself .foto{width:160px;height:250px;background:url(/static/media/light-bg.814ca24e.jpg) no-repeat 50%/cover;margin:35px auto}.contact-nav{text-decoration:none;color:#0952f1;display:block;font-size:19px;margin-top:15px;transition:color .35s ease-in-out}.contact-nav:hover{color:#fff;text-decoration:underline}.text-about{margin:15px auto;width:100%}.text-about .carousel{text-align:center;padding:20px;border:1px solid hsla(0,0%,100%,.3);border-radius:15px;font-size:1.2rem;font-weight:700;color:#fafce4;width:100%}.text-about .sliders{padding-bottom:15px}.text-about .dots .dot{width:33px;height:10px;margin:7px;border-radius:5px}.text-about .dots .carousel__dot--selected{background-color:#efff5d;box-shadow:0 0 1px 3px rgba(238,255,139,.25)}.technology-stack{margin-top:100px;display:block}.technology-stack h2{font-size:30px}@media screen and (min-width:820px){#about{padding:0 4%}#about h3{font-size:30px;text-align:center;margin-bottom:20px;margin-top:5%}#about h4{font-size:25px}.introduce-myself{margin:0 auto;width:80%}.introduce-myself .foto{-webkit-flex-basis:20%;flex-basis:20%;height:500px;background-color:#fff;margin-right:30px;margin-top:60px}.text-about{width:80%}.text-about .carousel{font-size:1.5rem}.text-about .dots .dot{width:40px}.technology-stack h2{font-size:40px}.contact-nav{font-weight:700;font-size:23px}}#contact{padding:0 5%}#contact .showInfo{font-size:14px;border-radius:7px;padding:5px 10px;font-weight:700;background-color:#1b1b1b}#contact .resultFalse{border:2px solid #a80324;color:#e92c52}#contact .resultOk{color:#77f577;border:2px solid #016e01}#contact .contact-with-me,#contact a{color:#fae4d0}#contact .contact-with-me{font-size:20px;margin-bottom:20px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}#contact .contact-with-me .contact-type{display:grid;width:100%;grid-template-columns:15% 85%;border:2px solid #424242;margin-bottom:8px;background-color:hsla(0,0%,100%,.05)}#contact .contact-with-me a,#contact .contact-with-me i{padding:5px;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}#contact .contact-with-me i{border-right:2px solid #424242;line-height:30px}#contact .contact-with-me a{text-align:center;text-decoration:none}#contact h4{margin:50px;text-align:center;font-weight:500;font-size:16px;opacity:.6}form{-webkit-flex-direction:column;flex-direction:column;padding-bottom:30px}form>*{margin:5px}form label{margin-top:13px;font-size:16px;color:#5274a7}form input,form textarea{font-family:Poppins;padding:7px 0;font-size:16px;border:none;border-bottom:2px solid #ada1a1;color:beige;background-color:initial;outline:none}form input::-webkit-input-placeholder,form textarea::-webkit-input-placeholder{font-style:italic;font-size:15px}form input::-ms-input-placeholder,form textarea::-ms-input-placeholder{font-style:italic;font-size:15px}form input::placeholder,form textarea::placeholder{font-style:italic;font-size:15px}form textarea{height:10em;font-size:15px}form .form-btn{font-family:Poppins;margin-top:20px;width:50%;padding:5px 0;color:#000;outline:none;font-weight:700;font-size:16px;background-color:#5c90df;border-radius:10px;border:1px solid #d0e0d0;display:inline-block}form .form-btn:disabled{opacity:.8}@media (min-width:480px){#contact .contact-with-me .contact-type{width:300px;grid-template-columns:20% 80%}}@media (min-width:768px){#contact .showInfo{font-size:17px}#contact .contact-with-me{font-size:27px;margin-top:40px}#contact .contact-with-me .contact-type{width:370px}#contact h4{font-size:18px;margin:70px 0}form{padding:30px 60px;width:65%;margin:0 auto}form label{font-size:20px}form input,form textarea{font-size:17px}form textarea{height:7em}}.icons{padding-top:40px;display:grid;grid-template-columns:repeat(2,1fr)}.icons .items,.icons .smaller-items{font-weight:500;cursor:pointer}.icons .animated{padding-bottom:5px}.icons .animated:last-child{color:#446ef7;margin-top:6px}.icons .animated:last-child p{margin-top:15px;color:#f6f8f8}.icons .animated:first-child:after{content:"Bootstrap\ATailwind"}.icons .animated:nth-child(2):after{content:"Mobile-first\ASass\AGulp\A   Flex/Grid"}.icons .animated:nth-child(3):after{content:"ESNext\AOOP\AREST API\ATypeScript\A   Axios"}.icons .animated:nth-child(4):after{content:"Gatsby.js\AReact-Router\A   Context API\AReact Hooks\ARedux";font-size:12px}.icons .animated:nth-child(5):after{content:"Vuex\AVue Router"}.icons .animated:nth-child(6):after{content:"Express.js\AMongoDB\AMongoose\AJWT"}.icons .animated:nth-child(7):after{content:"Github"}.icons .animated:nth-child(8):after{content:"GraphQL\APHP\AWordpress\AWebpack\A   CI/CD\AVSCode"}.icons .animated:after{content:"";display:block;height:0;color:#f5e6e6;width:120px;margin:5px auto;border-radius:10px;white-space:pre;background:rgba(220,213,224,.2);opacity:0;padding:7px 0;text-align:center;font-size:13px;transition:all .3s linear}.icons .animated:hover:after{opacity:1;height:auto}.icons .items{font-size:18px}.icons .items img{width:80px;height:80px}.icons .smaller-items{font-size:20px}.icons .smaller-items img{width:60px;height:60px}@media (min-width:768px){.icons{display:grid;grid-template-columns:repeat(4,1fr)}.icons i{padding:10px}.icons i:last-child{font-style:normal}.icons .animated:after{height:auto}.icons .animated:last-child{margin-top:-7px}}.desktop{position:absolute;top:0;visibility:hidden}.mobile-header{-webkit-transform:translate3d(-200%,0,0);transform:translate3d(-200%,0,0);position:fixed;color:#f3efef;height:100%;width:35%;background-color:#141414;padding:10px;box-shadow:0 15px 27px rgba(252,249,249,.3);z-index:17;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;will-change:transform}.mobile-header h6{margin:8px 4px;color:#f3efef;font-family:Raleway;letter-spacing:1px}li,span{cursor:pointer}nav{width:100%}nav ul{margin-top:50px;list-style:none;opacity:0}nav ul .animated{opacity:1}nav li{margin:0 auto;display:block;text-decoration:none;padding:10px 8px;font-size:19px;font-weight:700;text-transform:uppercase;transition:all .3s linear;color:#f3efef;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;will-change:transform}nav li:hover{text-shadow:0 0 5px;-webkit-transform:scale(1.15) translateX(8%);transform:scale(1.15) translateX(8%)}.image-mobile{padding:15px 10px;cursor:pointer}.image-mobile img{width:50px;height:50px}@media (min-width:768px){.desktop{width:100%;display:-webkit-flex;display:flex;height:65px;z-index:15;-webkit-justify-content:space-around;justify-content:space-around;border-bottom:1px solid hsla(45,40%,98%,.42);visibility:visible;transition:background-color .4s ease-in-out;will-change:background-color}.showNavbar{background-color:#070708;position:fixed}nav{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;width:70%}nav span{font-family:Poppins;font-size:17px;font-weight:700;text-align:center;text-transform:uppercase;color:#fff;transition:all .4s ease}nav span:hover{color:#3bcdfa}.image{width:100px;display:-webkit-flex;display:flex;width:30%;-webkit-align-items:center;align-items:center;margin-left:12%;margin-top:0;cursor:pointer}.image svg{width:100%}header.mobile-header{display:none}}@media (min-width:1000px){nav span{width:20%}}@media screen and (max-width:550px){.mobile-header{width:50%}}@media screen and (max-width:310px){.mobile-header{width:55%}nav li{font-size:18px}}section#projects{width:100%;padding:0 4%;overflow-x:hidden}section#projects .fotoProjects{margin:10px auto;width:60%}.watch,section#projects .fotoProjects img{width:100%}.watch{position:absolute;top:0;padding:7px 0;background-color:rgba(0,0,0,.74);text-align:center;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;will-change:transform}.watch span{font-family:Lato;color:#fff;font-weight:700;font-size:.9rem;padding:5px 11px;background-color:#1abe04;border-radius:5px}.projectExamples{width:80%;margin:80px auto;display:grid;grid-gap:30px}.example{display:grid;grid-template-columns:1fr}.example .thumbail{position:relative;width:100%;overflow:hidden}.example .thumbail:hover>.watch{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.example img{width:100%;border:5px solid #000;border-radius:5px}.text{margin-top:15px;line-height:1.5}.text a{position:relative;margin-top:16px;text-decoration:none;color:#b61111;padding:7px 11px;display:inline-block;transition:all .3s ease-in-out}.text a:hover{background:#fff;opacity:.7;border-radius:5px}.text i{margin-right:10px}@media (min-width:768px){.watch{padding:15px 0}.watch span{font-size:18px}.projectExamples{grid-gap:100px;margin:150px auto}.example{grid-template-columns:repeat(2,1fr)}.example .thumbail{width:80%}.example .text{line-height:1.7}.example .text p{font-size:18px}.example .text a{padding:12px 16px;font-size:19px}}#services{padding:0 4%}.offer{color:#ebebdd;margin:10% auto;width:80%}.offer ul{list-style:none}.offer li{margin:13px 0;font-size:15px}.offer li span{margin:0 5px;color:#02b60b}.offer h2{width:100%;font-family:Lato;background-color:initial;margin:20px 0;font-size:17px;border:none;text-align:center;color:#f7ed9b}.offer .moreInformation{display:block;padding-top:10px;font-size:19px;text-align:center}@media (min-width:820px){.offer{width:70%}.offer li{font-size:25px}.offer li span{margin:0 20px 0 10px;font-size:30px}.offer h2{text-align:center;font-size:30px}.offer .moreInformation{font-size:23px}}#showcase{width:100%;height:100%;position:relative;background:url(/static/media/pc.aed93918.jpg) no-repeat 50%/cover}#showcase .bg-shadow{width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:5}#showcase .welcome-showcase{position:absolute;top:30%;left:10%}#showcase .welcome-showcase .fromTop{margin-bottom:10px}#showcase .welcome-showcase h1,#showcase .welcome-showcase h4{margin-bottom:7px}#showcase .welcome-showcase h1{font-size:24px;text-align:left;margin:0;opacity:1}#showcase .welcome-showcase .start{padding:10px 30px;margin-top:12px;border:2px solid grey;font-size:17px;color:#fff;background-color:hsla(0,20%,99%,.1);border-radius:7px;outline:none}#showcase img{height:100%}#showcase .ham{z-index:100;position:fixed;right:5%;top:4%}#showcase .fas{color:#f0e5e5}#showcase .fa-bars{font-size:30px}#showcase .fa-times{font-size:38px;color:#f13c3c}@media (min-width:480px){#showcase .welcome-showcase h4{font-size:21px}#showcase .welcome-showcase h1{font-size:35px}}@media screen and (min-width:768px){#showcase{font-family:Raleway}#showcase .welcome-showcase{left:15%}#showcase .welcome-showcase h4{font-size:30px}#showcase .welcome-showcase h1{font-size:50px}#showcase .welcome-showcase .start{padding:10px 30px;font-size:20px;border:3px solid #fff}#showcase .ham{display:none}}.social_media{margin-top:40px}.ul{list-style:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.ul li .fab{font-size:17px;color:#fff;z-index:3}.ul li a{width:40px;height:40px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:relative;-webkit-align-items:center;align-items:center;border-radius:50%;text-decoration:none;background:#eee;margin:0 7px;color:brown;box-shadow:inset -1px -1px 2px hsla(0,0%,100%,.2),2px 2px 5px hsla(0,0%,100%,.2);transition:.4s}.ul li a:hover{color:#eee;-webkit-transform:translateY(-12px);transform:translateY(-12px);box-shadow:inset -1px -1px 2px hsla(0,0%,100%,.2),2px 24px 10px hsla(0,0%,100%,.1)}.ul li a:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border-radius:50%;border:2px solid rgba(0,0,0,.15)}.ul li:first-child a:before{background:#0437cf}.ul li:nth-child(2) a:before{background:#be0202}.ul li:nth-child(3) a:before{background:#070707}@media (min-width:768px){.ul li a{width:50px;height:50px}.ul li .fab{font-size:22px}}
/*# sourceMappingURL=main.35ed296d.chunk.css.map */