@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);*{box-sizing:border-box;font-family:Roboto;font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0;padding:0}.App{overflow:hidden}.about{align-items:center;background:rgba(137,43,226,.068);justify-content:center;margin:0;padding:120px 0;text-align:center;width:100%}.about button{background-color:#8a2be2;border:none;color:#fff;cursor:pointer;margin:5px 0;padding:15px 30px}.c{flex-wrap:wrap;margin:0;width:100%}.c,.c-l{display:flex}.c-l{align-items:center;flex:1.7 1;flex-direction:column;justify-content:center;padding:20px}.t-l p{text-align:left}.c-c-t{margin:0;padding:0}.c-r{align-items:center;background-color:#f32424;color:#fff;display:flex;flex:1 1;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:20px 40px}.c-r form input{background:transparent;border:none;border-bottom:1px solid #fff;color:#fff;margin:10px 0;outline:none;padding:5px;width:300px}.c-r form input::-webkit-input-placeholder{color:#fff}.c-r form input:-ms-input-placeholder{color:#fff}.c-r form input::placeholder{color:#fff}.c-r form textarea{outline:none;width:300px}.c-r form button{background-color:#f32424;border:1px solid #fff;color:#fff;margin:10px 0;padding:10px 30px}.c-r form button:hover{background-color:#fff;color:#f32424}.call{align-items:center;display:flex;margin:10px 0}.call-text{margin-left:20px}.f{background-color:#000;color:#fff;padding:20px;text-align:center}nav{background:transparent;height:10vh;padding:.2rem 3rem;position:-webkit-sticky;position:sticky;top:0;z-index:2}.nav-con,nav{align-items:center;display:flex;justify-content:space-between}.nav-con{flex:5 1;margin-left:20px}.logo{color:#f32424;cursor:pointer;flex:1 1;font-size:1.3rem;font-weight:700;margin:0;padding:0}.nav-child{align-items:center;cursor:pointer;display:flex;font-size:1rem;font-weight:600;list-style:none}.nav-child li{margin:0 10px}.icon{display:flex;flex:3 1;font-size:1.5rem;justify-content:flex-end}.icon a{text-decoration:none}.mobile-icon{display:none}@media screen and (max-width:1200px){.mobile-icon{display:block}.nav-con{background-color:#8a2be2;color:#fff;cursor:pointer;height:100vh;left:0;padding:5rem .1rem;position:absolute;top:0;width:70vw;z-index:1}.nav-child,.nav-con{flex-direction:column}.nav-child{width:100%}.nav-child li{padding:.8rem;text-align:flex-start}.icon{margin-top:10px}.nav-con.closed{display:none}}.hero{height:100vh;max-width:100%;overflow:hidden;position:relative}.hero-contents{display:flex;flex-wrap:wrap;height:100%;position:absolute;top:0;width:100%}.hero-left{align-items:center;display:flex;flex:3 1;justify-content:center;position:relative}.text{padding:100px 50px 50px}.text p{font-size:.8rem}.text h5,.text p{color:#8a2be2;text-transform:uppercase}.text h5{font-size:1rem}.text h4{font-size:1.5rem}.hero-button{background-color:#f32424;border:1px solid #f32424;color:#fff;cursor:pointer;margin-top:3px;padding:10px 20px;transition:all .5s ease-in-out}.hero-button:hover{background-color:#fff;border:1px solid #4d0606;color:#4d0606}.hero-button:active{-webkit-transform:scale(.8);transform:scale(.8)}.hero-right{align-items:flex-end;background-color:rgba(137,43,226,.199);display:flex;flex:2 1}.icons{color:#8a2be2;font-size:1.5rem;margin:10px 0}.p{margin:40px auto;padding:15px;width:90%}.pp-con{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:20px 40px;width:100%}.pp-c{border:1px solid #f3f2f2;border-radius:10px 10px 0 0;height:200px;margin:10px;overflow:hidden;transition:all 20s ease;width:30%}.pp-c:hover .p-img{-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:all 10s ease-out}.top{align-items:center;background-color:#f3f2f2;display:flex;height:20px;position:-webkit-sticky;position:sticky;z-index:10}.inner{background-color:#fff;border-radius:50%;height:6px;margin:0 2px;width:6px}.p-img{width:100%}@media screen and (max-width:1200px){.pp-con{flex-direction:column;padding:10px}.pp-c{height:300px;width:100%}}.s{margin:5px auto;width:90%}.s-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:20px 40px;width:100%}.s-card{display:flex;flex-direction:column;font-size:.8rem;height:180px;margin:10px;padding:5px;width:330px}.s-card img{height:50px;width:50px}.skills{margin:20px auto;width:90%}.card-container{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:40px}.skills-card{display:flex;height:50px;margin:15px 20px;width:40%}.card-icons{align-items:center;background-color:#f324242d;border-radius:10px;color:#f32424;font-size:1.8rem;height:50px;justify-content:center;padding:10px 0;text-align:center;width:50px}.card-text{display:flex;flex:1 1;flex-direction:column;margin-left:10px}.bar{background-color:#f324242d;margin-top:5px;width:100%}.bar,.inner-bar{border-radius:15px}.inner-bar{background-color:#f32424;color:#fff;font-size:20px;padding:1%;text-align:right;width:90%}.t{flex-wrap:wrap;margin:10px 0;width:100%}.t,.t-l{display:flex}.t-l{align-items:center;background-color:#f32424;color:#fff;flex:1 1;justify-content:center;padding:20px}.t-l p{font-size:2.5rem;font-weight:700}.t-r{align-items:center;flex:1.5 1;flex-wrap:wrap;justify-content:center;padding:4px 40px}.t-r,.tt-c{display:flex}.tt-c{flex-direction:column;font-size:.8rem;height:150px;margin:10px;padding:5px;text-align:center;width:250px}.tt-img{border-radius:50%;height:50px;margin:auto;object-fit:cover;overflow:hidden;width:50px}.tt-img img{height:100%;width:100%}.w{align-items:center;flex-wrap:wrap;justify-content:center;margin:1px auto;overflow:hidden;padding:40px;width:90%}.w,.w-l{display:flex}.w-l{flex:1 1;flex-direction:column;margin:10px}.w-l h2{font-family:sans-serif;font-size:1.8rem}.w-l span{color:#f32424}.w-l button{background-color:#f32424;border:none;color:#fff;cursor:pointer;margin:15px 0;padding:10px 20px;transition:all 5s ease-in-out}.w-l button:hover{background-color:#fff;color:#f32424}.w-r{align-items:center;display:flex;flex:1 1;justify-content:center;margin-top:20px;padding:15px}.w-c,.w-r{position:relative}.w-c{-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-timing-function:linear;animation-timing-function:linear;border-radius:50%;box-shadow:0 0 15px 1px;height:16rem;width:16rem}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.w-i{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 15px 1px;display:flex;height:7rem;justify-content:center;position:absolute;width:7rem;z-index:2}.w-c>:first-child{left:6rem;top:-2rem;-webkit-transform:scale(.7);transform:scale(.7)}.w-c>:nth-child(2){left:-3rem}.w-c>:nth-child(2),.w-c>:nth-child(3){top:5rem;-webkit-transform:scale(.7);transform:scale(.7)}.w-c>:nth-child(3){left:12rem}.w-c>:nth-child(4){left:5rem;top:12rem}.w-c>:nth-child(4),.w-s{-webkit-transform:scale(.7);transform:scale(.7)}.w-s{align-items:center;background-color:#f32424b7;border-radius:50%;box-shadow:0 0 15px 1px;display:flex;height:7rem;justify-content:center;position:absolute;width:7rem;z-index:2}
/*# sourceMappingURL=main.cc4a95b6.css.map*/