*{box-sizing:border-box;color:#fff;padding:0;scrollbar-width:none}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#03020d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden;scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;text-align:center}html{scroll-behavior:smooth}.header{align-items:center;background:#0000;display:flex;justify-content:space-between;left:0;padding:20px 5%;position:fixed;top:0;width:100vw;z-index:100}.logo{animation:slideRight 1s ease forwards;cursor:default;cursor:pointer;font-size:30px;font-weight:600;position:relative}.logo,.navbar a{color:#fff;opacity:0;text-decoration:none}.navbar a{animation:slideTop .5s ease forwards;animation-delay:calc(.2s*var(--i));display:inline-block;font-size:25px;font-weight:500;margin-left:15px;transition:.5s}.navbar a:hover{color:#0ef;cursor:pointer}.hero{align-items:center;background-color:#0c0c0c;background-repeat:no-repeat;background-size:contain;display:flex;height:101vh;justify-content:space-between;padding:70px 10% 0;width:100%}#herosec{background:url(/static/media/mypic.4e467da9ff87e1a2d2a8.png)}.hero-content{display:flex;flex-direction:column;max-width:600px}.hero-content p{animation:slideLeft 1s ease forwards;animation-delay:1s;font-size:20px;opacity:0;width:100%}.hero-content h1{animation:slideRight 1s ease forwards;animation-delay:1s;font-size:50px;font-weight:700;margin:-3px 0;opacity:0}.hero-content a{animation:slideLeft 1s ease forwards;animation-delay:calc(.2s*var(--i));opacity:0;text-decoration:none;transition:0}.hero-content h3{animation:slideBottom 1s ease forwards;animation-delay:.7s;font-size:32px;font-weight:700;opacity:0}.hero-content h3 span{color:#0ef}.hero-contenth3:nth-of-type(2){margin-bottom:30px}.sociallinks{align-items:center;display:flex;justify-content:space-between;margin-left:10px;padding:20px 0;width:41%}.actualicon{color:#0ef;font-size:22px}.iconbox{align-items:center;border:3px solid #0ef;border-radius:50%;display:flex;justify-content:center;padding:10px}.iconbox:hover{background:#0ef;box-shadow:0 0 20px #0ef;color:#000;cursor:pointer}.moreaboutbtn{animation:slideTop 1s ease forwards;animation-delay:.8s;background-color:#0ef;border-radius:30px;color:#000;display:flex;font-weight:700;justify-content:center;opacity:0;padding:15px 25px;transition:0;width:44%}.btn:hover{box-shadow:0 0 50px 5px #0ef;cursor:pointer}@keyframes slideRight{0%{opacity:0;transform:translateX(-100px)}to{trasform:translateX(0);opacity:1}}@keyframes slideLeft{0%{opacity:0;transform:translateX(100px)}to{trasform:translateX(0);opacity:1}}@keyframes slideTop{0%{opacity:0;transform:translateY(100px)}to{trasform:translateY(0);opacity:1}}@keyframes slideBottom{0%{opacity:0;transform:translateY(-100px)}to{trasform:translateY(0);opacity:1}}#aboutsec{background:url(/static/media/pic2.820adb40efce585a4c87.png);background-repeat:no-repeat}.banner-content{display:flex;flex-direction:row;height:100vh;justify-content:center;width:100vw}.banner-content .leftpart{width:50%}.banner-content .rightpart{margin-top:20px;padding:20px 30px;width:60%}#abouttitle{display:flex;flex-direction:column;height:230px;justify-content:space-between;margin:40px 20px}#abouttitle p{font-size:21px}#title{animation:slideRight 1s ease forwards;animation-delay:1s;display:inline-block;font-size:50px;font-weight:700;margin:-3px 0;opacity:0}.spanword{color:#0ef}.mytag{margin:10px 0}#aboutbtn{left:35px;position:relative;top:80%}.serviceslist{align-items:center;display:flex;justify-content:space-around;width:100vw}#servicesbaner{flex-direction:column;justify-content:space-around;margin-top:-20px}.serviceslist div{background-color:initial;border-radius:20px;border-right:10px;box-shadow:1px 1px 20px #012290f7,1px 1px 40px #0053b0f7;font-size:13px;font-weight:13px;height:360px;padding:40px;transition:backgroung .5s,transform .5s;width:310px}.serviceslist div h2{font-size:30px;font-weight:500;margin-bottom:15px}.serviceslist div a{color:#000;font-size:12px;margin-top:90px}.read,.serviceslist div a{display:inline-block;text-decoration:none}.read{animation:slideTop 1s ease forwards;animation-delay:2s;background:#0ef;border-radius:40px;box-shadow:0 0 5px #0ef,0 0 25px #0ef;color:#001b29;font-size:16px;font-weight:600;letter-spacing:1px;margin-left:55px;opacity:0;padding:12px 20px}.iconsection h3:hover,.read:hover{background:#0ef;box-shadow:0 0 20px #0ef;color:#001b29}.description{font-size:18px;height:75px}.skilltitle{font-size:30px;font-weight:700;margin-bottom:40px;margin-left:10px;text-decoration:underline}.projectstop{margin-top:150px!important}#projectcontainer{align-items:center;background-color:#0c0c0c;display:flex;flex-direction:column;min-height:100vh;min-width:100%;overflow:scroll;row-gap:50px}#projectbox-container{align-items:center;column-gap:20px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;row-gap:40px}.projectbox{border:1px solid #0ef;border-radius:15px;box-sizing:border-box;height:400px;width:650px}.projectbox video{height:400px;margin:0 5px;width:640px}.visitpagebtn{animation:slideTop 1s ease forwards;animation-delay:.8s;background-color:#0ef;border-radius:30px;bottom:5%;color:#000;display:flex;font-weight:700;justify-content:center;margin:auto;opacity:0;padding:5px 15px;position:relative;text-decoration:none;transition:0;width:220px}.contactsection{display:flex;justify-content:space-around;width:90vw}.contactsection .leftside{margin-top:50px;padding:0 20px;width:50%}.leftside h2{margin-bottom:20px}.leftside a{text-decoration:none}.leftside p{text-transform:uppercase}.leftside a,.leftside p{margin-bottom:10px}.rightside{align-items:center;display:flex;flex-direction:column;margin-left:30px;row-gap:5px;width:50%}.rightside input{font-size:1rem;height:50px;width:100%}.rightside input,.rightside textarea{background-color:#555557;border-radius:.5rem;color:#000;font-weight:600;outline:none;padding:15px 50px}.rightside textarea{font-size:1.2rem;margin-bottom:20px;margin-left:1px;width:99.9%}.auther{animation:slideTop 1s ease forwards;animation-delay:2s;background:#0ef;border-radius:40px;box-shadow:0 0 5px #0ef,0 0 25px #0ef;color:#001b29;display:inline-block;font-size:14px;font-weight:500;justify-self:center;letter-spacing:1px;opacity:0;padding:3px 20px;text-align:center;text-decoration:none;width:50%}.example{-ms-overflow-style:none;scrollbar-width:none}.example::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.8e485a05.css.map*/