@import url(https://fonts.googleapis.com/css?family=Montserrat:700|Open+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sacramento&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{font-size:16px;font-family:"Open Sans",sans-serif;overflow-x:hidden;z-index:-10;margin:0;padding:0;color:#fff;background-color:#202020}.App{text-align:center}.Topnavbar{position:fixed;height:13%;overflow:hidden;top:0;z-index:200;display:flex;justify-content:space-between;align-items:center;width:100%}.brand{font-size:55px;font-weight:700;padding:10px;margin-left:20%;text-shadow:3px 4px #000;font-family:"Sacramento",cursive}.brand,.brand a{color:#ff0!important}.brand a{text-decoration:none}.Topmenu{position:relative;right:28%}.Topmenu a{color:#ff0!important;text-decoration:none;margin-right:25%;border-radius:70% 60% 30% 70%/10% 50% 70% 90%;position:relative;font-weight:700;background-color:indigo;text-transform:uppercase;padding:15px 20px;box-shadow:0 0 5px #000}section{position:relative;width:100%;padding:0;height:100vh;overflow:hidden;display:flex;background-size:cover;justify-content:center;align-items:center}section img{position:absolute;top:10;left:0;width:100%;line-height:90%;object-fit:cover}section #bichko{position:relative;color:#fff;font-size:50px}#bichko spam{color:#0ff;text-shadow:0 1px #fff}nav{position:fixed;left:0;top:35%;background:linear-gradient(45deg,#8500ff,#0ff);z-index:200;color:#fff}nav ul{padding:0;margin:0}nav li{cursor:pointer;list-style:none;margin:15px;font-size:1.2em;font-weight:700}nav li .link{text-decoration:none;text-transform:uppercase;color:#000;padding:0,.5em;opacity:.7;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.active,li .link:hover{opacity:1}.active{color:#fff!important}.Sidebox button{background:linear-gradient(to top left,#ff8a00 30%,#e52e71);border-radius:10px;border:none;outline:none;padding:.3em 1rem;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out}.Sidebox button:hover{opacity:.8;border-color:#0ff}.Sidebox button a{font-family:"Open Sans",sans-serif;color:#fff;text-decoration:none;font-size:20px}.Sidebox{position:relative;width:80%;margin:auto;text-align:left!important;padding:10px;font-size:30px;top:3em;border-left:8px solid #000}.Sidebox span{font-size:50px!important;color:#fff;padding:5px}.Sidebox h4{margin:0;font-size:40px}.About{position:relative;width:80%;margin:6% auto}.about{display:flex;flex-direction:row-reverse;justify-content:space-between}.about-content{position:relative;padding:2%;width:80%}.about img{height:600px;width:600px}.about-content h1{font-family:"Montserrat",sans-serif;font-size:4em;text-align:left}.about-content p{font-size:20px;text-align:left}.about img{size:30%}.info{justify-content:space-between}.info,.list{display:flex;flex-wrap:wrap}.list{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 20px);max-width:calc(50% - 20px);margin-top:0;border-bottom:1px solid #dee2e6;margin-bottom:40px}.list p{margin:0 10px;padding:0}.info .list label{padding-right:10px;color:#fff;font-weight:600;font-size:20px}.count-project{margin:10% auto;display:flex;border-bottom:1px solid grey;border-top:1px solid grey}.count-project .count-number{font-size:8em;width:40%;font-weight:bolder;text-align:left}.count-project .project-text{width:60%;margin:auto;padding:10px;text-align:left}.project-text h3{text-transform:uppercase;font-size:25px;margin:0;text-align:left;padding:0}.project-text p{margin:0;padding:0;font-size:20px}.Service{color:#fff;margin:5% auto;width:80%;z-index:10}.Service h1{font-family:"Montserrat",sans-serif;font-size:4em;margin-bottom:0}.Service p{font-size:20px}.services{display:flex;margin:10% auto;box-sizing:border-box;justify-content:space-between;text-align:center}.services i{font-size:3em;margin:1rem}.service-1,.service-2,.service-3{padding:2%;mix-blend-mode:multiply;height:320px;max-width:320px;z-index:200;box-shadow:0 0 10px #000}.service-1{color:#fff;background-color:#ff8a00!important;border-radius:50% 60% 50% 70%/50% 50% 70% 60%}.service-2{color:#fff;background-color:#e52e71!important;border-radius:80% 30% 50% 50%/50% 50% 70% 60%}.service-3{color:#fff;background-color:teal!important;border-radius:40% 80% 50% 80%/50% 70% 20% 50%}.services .inner-part{padding:2%}.services .inner-part h2{font-size:2em;margin:0;padding:0}.services .inner-part p{margin:0;font-size:20px;color:#fff}.service-1:hover,.service-2:hover,.service-3:hover{background-color:#8500ff!important;cursor:pointer}.Works{position:relative;display:flex;flex-direction:column;width:70%;margin:5% auto;align-items:flex-start}.Works .heading{font-family:"Montserrat",sans-serif;font-size:4em;margin-bottom:0}.Works p{font-size:20px}.Works .work-content{display:grid;width:100%;margin:10% auto;grid-template-columns:repeat(3,1fr);grid-gap:4em}.project img{border-radius:20px;width:100%;height:18em}.project h2{color:#000;margin:0;padding:0}.cover{transition:2s ease;opacity:0;position:relative;top:-50%;height:100%;width:100%;-ms-transform:translate(-50%,-50%);padding:20% auto;justify-content:center;background:linear-gradient(#8500ff,#8500ff,#8500ff,#fff);border-radius:20px;border:1px solid #8500ff}.cover,.middle{left:50%;transform:translate(-50%,-50%);text-align:center}.middle{color:#fff;position:absolute;top:50%}.middle h2{margin:10px;font-size:20px}.middle a{color:#fff;text-decoration:none;padding:.3em 1.5em;border:2px solid #dee2e6;border-radius:20px}.project:hover img{opacity:.1}.project:hover .cover{opacity:1}.Skills{width:100%;margin:auto auto 10%}.Skills h1{font-family:"Montserrat",sans-serif;font-size:4em;color:#000;margin-bottom:0}.Skills p{font-size:20px;color:#000}.skill-box{padding:2em 0 8em;margin:auto;background:linear-gradient(45deg,#000,#fff,#000);background-position:50%;background-size:cover;background-repeat:no-repeat}.skillset{flex:0 0 100%;width:70%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:-5% auto}.skillset .skill-inner:hover{background-color:#8500ff;color:#fff}.skillset .skill-inner{flex-grow:0;flex-shrink:0;flex-basis:calc(30% - 45px);max-width:calc(30% - 45px);background-color:#383838;padding:20px 10px;border-radius:10px;color:#fff}.skill-inner h2{font-size:2em}.skill-inner p{color:#fff}.Testimonial{width:100%;margin:10% auto}.Testi h1{font-family:"Montserrat",sans-serif;font-size:4em;margin-bottom:0}.Testi p{font-size:20px}.testimonials{align-items:center;width:60%;margin:5% auto;padding:20px}.testimonials img{width:100px;height:100px;border-radius:90% 60% 89% 28%/90% 56% 19% 30%;margin:0;object-fit:center;padding:0}.testimonials p{font-size:20px;margin:30px auto}.testimonials h3{font-size:20px;font-weight:bolder;margin:10px;letter-spacing:2px;text-transform:uppercase;padding:0}.testimonials h4{font-size:16px;margin:0;padding:0}.Hire{margin:5% auto;width:100%}.hire{width:50%;margin:15px auto;align-items:center;background-color:#8500ff}.hire .innerpjw-section{display:flex;justify-content:space-between;align-items:center;justify-items:center}.innerpjw-section .qnstext{width:80%;text-align:center}.innerpjw-section .gowithus{width:20%;justify-items:center}.gowithus button{padding:8px 14px;border:none;margin:auto;outline:none;background-color:#000}.gowithus a{text-decoration:none;color:#fff}.Footer{width:100%;bottom:0;padding:20px;background-color:#000;margin-top:30px}.footer{margin:20px auto;color:#fff}.footer .Fav-quotes{text-align:center}.footer .social-icon{margin-top:3%;text-align:center;justify-content:center}.social-icon a{color:#fff;text-decoration:none;align-items:center}.social-icon i{padding:1rem;text-align:center;border:1px solid #dee2e6;border-radius:50%;font-size:1.2em;margin-right:1em}.social-icon i:hover{background-color:#8500ff}.footer .copyright{align-items:center!important;margin-top:3%;font-size:25px}.Contact{justify-content:center;background-color:#000;position:relative;padding:100px 0 20px}.Contact h1{font-family:"Montserrat",sans-serif;font-size:4em;text-align:left;color:#fff!important}.adjustit{margin:50px auto}.adjustit,.downpart{width:80%;position:relative}.downpart{overflow:none;margin:20px auto;display:inline-flex;padding:30px 100px;justify-content:space-between}.oneside{width:50%;padding:30px 50px 50px;background:linear-gradient(45deg,#07f391,#f8f7f6);border-radius:0 60% 89% 28%/90% 56% 29% 30%}.form,.form-items{width:100%}.sidehead{font-size:22px;text-align:center;margin-bottom:30px;text-transform:uppercase}.form-items .input{width:100%;margin-bottom:13px;padding:15px 35px;box-sizing:border-box;border:0;border-bottom:2px solid #000;box-shadow:0 0 3px;outline:none;border-radius:5px;background-color:none;font-size:16px}.form-items .input.message{height:100px;border-radius:5px;margin-bottom:20px;padding:10px;resize:none;font-size:16px}.form-items .fas{position:relative;top:-49px;left:10px;font-size:22px}.submit{background:#ff0;text-align:center;border-radius:70% 60% 30% 70%/10% 50% 70% 90%;color:#030303;float:right;width:100px;padding:9px 20px;cursor:pointer;margin-bottom:20px}.btn .fas,.submit{font-size:20px}.anotherside{margin-left:70px;width:40%;background-color:#272727;height:50%;align-items:center;justify-content:center;text-align:center;color:#fff;padding:15px}.anotherside .bigmail .fas{font-size:80px;color:#fff;margin:15px}.shortinfo{font-family:"Satisfy",cursive}.Contact p{text-align:center}@media only screen and (min-device-width:320px) and (max-device-width:700px){body{font-size:6px;margin:0;padding:0;align-items:center;overflow-x:hidden}header h1{font-size:1.55rem;padding:1em;margin-right:0;border-bottom:1px solid #000}nav{display:none}.header-title{font-size:3em;text-align:left;top:1em;left:1em}.about{position:relative;display:inline-block;top:-30em;background-color:transparent}.about img{display:none}.about-content{position:relative;left:0;width:100%}.about-content p{font-size:3.5em;text-align:left;width:300px}.about h1,.Skills h1{font-size:1.5rem;border-bottom:1px solid #000}.skills{margin:10;padding:0}.skills-content{width:100%;flex:none;margin:30px auto;padding:10px;min-width:95%;height:auto}.skill-bar{max-width:90%}.skill-bar-in{width:70%}.container4{padding:0}.align-items-center{display:inline-block;padding:0}.row{width:100%}.row,.work{align-items:center}.work{top:6em;margin-top:30px}.work .work-content{display:grid;grid-template-columns:1fr;grid-gap:5em}.project img{width:45em;height:45em}.project span{font-size:16px}.contact{padding:20px;top:15em}.contact h1{font-size:1.55rem;border-bottom:1px solid #000}.email,.name{width:90%}.contact-section{margin:auto;width:90%}.inner-width{margin:auto}}.Blogs{justify-content:center;background-color:#000;position:relative;padding:100px 0 20px}.Blogs h1{font-family:"Montserrat",sans-serif;font-size:4em;text-align:left;color:#fff!important}.Blogs p{text-align:center}
/*# sourceMappingURL=main.8a5ac6d9.chunk.css.map */