body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:poppins,sans-serif;margin:0;padding:0;scroll-behavior:smooth;text-decoration:none}html{overflow-x:hidden}body{background-color:#1f242d}section{min-height:100vh;padding:0 8% 2rem}.header{align-items:center;background-color:#1f242d;box-shadow:0 10px 10px -2px #00000040;display:flex;justify-content:space-between;padding:10px 13px;position:fixed;width:100%;z-index:999}.header.sticky{border-bottom:2px -2px #00000040}.logo{color:#fff;font-size:30px;font-weight:100;margin-left:80px;text-decoration:none}.span{color:#0ef}.navbar{margin-right:100px}.navbar a{color:#fff;font-size:17px;margin-left:2rem;text-decoration:none}.navbar a.active,.navbar a:hover{color:#0ef;text-shadow:#0ef;text-shadow:0 0 10px #fff}#menu-icon{color:#fff;display:none;font-size:30px}#home{align-items:center;display:flex;justify-content:center}.home-content h3{color:#fff;font-size:30px;font-weight:700}.home-content h3:nth-of-type(2){margin-bottom:10px}span{color:#0ef}.home-content h1{color:#fff;font-size:50px;font-weight:700;line-height:1.5}.home-content p{color:#fff;margin-top:5px}.social-media a{align-items:center;background:#0000;border:2px solid #0ef;border-radius:50%;color:#0ef;display:inline-flex;font-size:32px;font-size:20px;height:32px;justify-content:center;margin:24px 16px 24px 0;width:32px}.social-media a:hover{background-color:#0ef;box-shadow:0 0 10px solid #0ef;color:#01081f}.btn{background:#0000;border:2px solid #0ef;border-radius:64px;color:#0ef;display:inline-block;font-size:16px;font-weight:600;padding:8px 20px}.btn:hover{background:#0ef;box-shadow:0 0 2rem #0ef;color:#484848}.home-img img{animation:floatImage 4s ease-in-out infinite;border-radius:100%;width:600px;width:80%}@keyframes floatImage{0%{transform:translateY()}50%{transform:translateY(-1rem)}to{transform:translateY()}}#about{background:#323946;display:flex;gap:32px;justify-content:center;min-height:100vh}#about,.about-more .heading{align-items:center}.about-more h2{color:#0ef;font-size:37px;font-weight:750;line-height:1.6}#about .about-more h2 span{color:#fff}.about-more h3{color:#fff;font-size:25px;font-weight:600}.about-more p{color:#fff;font-size:20px;margin:16px 0 32px}.btn1{background:#0ef;border:2px solid #0ef;border-radius:64px;box-shadow:0 0 20px #0ef;color:#484848;display:inline-block;font-size:16px;font-weight:600;padding:8px 20px}.btn1:hover{background:#0000;border:2px solid #0ef;box-shadow:none;color:#0ef}.about-img img{width:400px}#service{margin:10px;min-height:100vh;padding:90px}#service .heading{margin-bottom:30px;text-align:center}#service h2{color:#fff;font-size:45px;font-weight:850;line-height:1.6}#service span{color:#0ef}.servcontainer{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.servcontainer .code{background:#323946;border:3px solid #1f242d;border-radius:32px;flex:16 16 480px;padding:32px 48px 48px;text-align:center;transition:.5 ease}.servcontainer .code:hover{border:solid #0ef;transform:scale(1.04)}.code a i{color:#0ef;font-size:50px}.code h3{color:#fff;font-size:30px;font-weight:700;line-height:1.8}.code p{color:#fff;font-size:15px;font-weight:300;margin-bottom:20px}#portfolio{background-color:#323946;min-height:100vh;padding:90px}#portfolio .heading{margin-bottom:30px;text-align:center}#portfolio h2{color:#0ef;font-size:45px;font-weight:850;line-height:1.6}#portfolio span{color:#fff}.portcontainer{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.portcontainer .portbox{border-radius:32px;box-shadow:0 0 2px solid #1f242d;display:flex;overflow:hidden;position:relative}.portcontainer .portbox img{transition:.5 ease;width:100%}.portbox:hover img{transform:scale(1.1)}.portbox .portlayer{align-items:center;background:linear-gradient(#0000001a,#0ef);bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;text-align:center;transform:translateY(100%);transition:.5 ease;width:100%}.portbox:hover .portlayer{transform:translateY(0)}.portlayer h3{color:#fff;font-size:30px}.portlayer p{color:#fff;margin:10px 30px;text-align:center}.portlayer a{align-items:center;background:#fff;border-radius:50%;display:inline-flex;height:60px;justify-content:center;width:60px}.portlayer a i{color:#000;font-size:20px}#contact{min-height:100vh;padding:90px}#contact .heading{margin-bottom:30px;text-align:center}#contact h2{color:#fff;font-size:45px;font-weight:850;line-height:1.6}#contact span{color:#0ef}#contact form{margin:10px auto 30px;max-width:800px;text-align:center;text-decoration:none}#contact form .box{display:flex;flex-wrap:wrap;justify-content:center}#contact form .box input,#contact form .box textarea{background:#323946;border-radius:14px;color:#fff;font-size:17px;margin:10px 5px;padding:18px;width:90%}#contact form .box input{width:42%}#contact form .box textarea{resize:none}.box .btn{align-items:flex-start;font-size:22px;margin-top:30px}footer p{background-color:#323946;color:#fff;font-size:20px;padding:15px;text-align:center}.foot p1{color:#0ef}@media (max-width:1221px){body{overflow-x:hidden}.home-content h3{font-size:22px;font-weight:600}.home-content p{font-size:15px}}@media (max-width:1086px){body{overflow-x:hidden}.header{padding:32px 2%}section{padding:110px 3% 32px}.footer{padding:32px 2%}}@media (max-width:970px){body{overflow-x:hidden}#menu-icon{display:block;margin-right:50px}.logo{margin-left:27px}.header{margin-top:0;padding:20px 3px}.navbar{background-color:#1f242d;box-shadow:0 10px 10px -2px #00000040;display:none;left:0;padding:6px 1%;position:absolute;top:90%;width:100%}.navbar a,.navbar.active{display:block}.navbar a{font-size:24px;margin:35px 29px}#home{margin:0}.home{flex-direction:column}.about{flex-direction:column-reverse}.portcontainer{grid-template-columns:repeat(2,1fr)}}@media (max-width:797px){body{overflow-x:hidden}.portcontainer .portlayer h3{font-size:25px}.portcontainer .portlayer p{font-size:15px}.portcontainer .portlayer a{height:30px;width:30px}.portlayer a i{font-size:10px}#contact form .box textarea #messagess{width:120px}#contact form .box input{width:100%}}@media (max-width:685px){body{overflow-x:hidden}.portcontainer .portlayer h3{font-size:20px}.portcontainer .portlayer p{font-size:10px}.portcontainer .portlayer a{height:30px;width:30px}.portlayer a i{font-size:10px}}@media (max-width:634px){body{overflow-x:hidden}.portcontainer .portlayer h3{font-size:30px}.portcontainer .portlayer p{font-size:20px}.portcontainer .portlayer a{height:60px;width:60px}.portlayer a i{font-size:20px}.portcontainer{grid-template-columns:repeat(1,1fr)}}@media (max-width:561px){body{overflow-x:hidden}.code a i{color:#0ef;font-size:30px}.code h3{color:#fff;font-size:20px;font-weight:700;line-height:1.8}.code p{color:#fff;font-size:10px;font-weight:300;margin-bottom:20px}}@media (max-width:500px){body{overflow-x:hidden}.home-content h3{font-size:20px;font-weight:600}.home-content h3:nth-of-type(2){margin-bottom:10px}.home-content h1{font-size:40px;font-weight:600;line-height:1.3}.home-content p{margin-top:5px}.home-img img{width:500px}.about-more h2{font-size:35px;font-weight:600;line-height:1.6}.about-more h3{color:#fff;font-size:20px;font-weight:600}.about-more p{color:#fff;font-size:16px;margin:16px 0 32px}.about-img img{width:500px}.portcontainer .portlayer h3{font-size:25px}.portcontainer .portlayer p{font-size:15px}.portcontainer .portlayer a{height:30px;width:30px}.portlayer a i{font-size:10px}#service .heading{font-size:35px;margin-bottom:30px;text-align:center}.servcontainer .code{flex:8 8 240px;padding:16px 32px 32px}#portfolio h2{color:#0ef;font-size:35px;font-weight:800;line-height:1.6}}@media (max-width:441px){body{overflow-x:hidden}.code a i{color:#0ef;font-size:30px}.code h3{color:#fff;font-size:20px;font-weight:700;line-height:1;margin:8px}.code p{color:#fff;font-size:10px;font-weight:300;margin-bottom:20px}}@media (max-width:420px){body{overflow-x:hidden}.portcontainer .portlayer h3{font-size:20px}.portcontainer .portlayer p{font-size:10px}.portcontainer .portlayer a{height:30px;width:30px}.portlayer a i{font-size:10px}#contact h2{color:#fff;font-size:35px;font-weight:800;line-height:1.6}.servcontainer .code{flex:4 4 100px;padding:8px}.servcontainer .code .btn{border-radius:64px;font-size:12px;font-weight:600;padding:4px 8px}}@media (max-width:380px){body{overflow-x:hidden}.about-img img,.home-img img{width:400px}}
/*# sourceMappingURL=main.22817680.css.map*/