@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300&display=swap);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}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background:#1f242d;color:#fff}.home{align-items:center;display:flex;height:100vh;justify-content:space-between;padding:70px 10% 0;position:relative;width:100%}.home-content{max-width:600px}.home-content h3{-webkit-animation:slideBottom 1s ease forwards;animation:slideBottom 1s ease forwards;-webkit-animation-delay:.7s;animation-delay:.7s;font-size:32px;font-weight:700;opacity:0}.home-content h3:nth-of-type(2){-webkit-animation:slideTop 1s ease forwards;animation:slideTop 1s ease forwards;-webkit-animation-delay:.7s;animation-delay:.7s;margin-bottom:30px}.home-content h3 span{color:#0ef}.home-content h1{-webkit-animation:slideRight 1s ease forwards;animation:slideRight 1s ease forwards;-webkit-animation-delay:1s;animation-delay:1s;font-size:56px;font-weight:700;margin:-3px 0;opacity:0}.home-content p{font-size:16px}.home-img img{-webkit-animation:zoomIn 1s ease forwards,floatImage 4s ease-in-out infinite;animation:zoomIn 1s ease forwards,floatImage 4s ease-in-out infinite;-webkit-animation-delay:1s,3s;animation-delay:1s,3s;margin-right:-20px;max-width:450px;opacity:0}.social-media a{align-items:center;-webkit-animation:slideTop 1s ease forwards;animation:slideTop 1s ease forwards;-webkit-animation-delay:.7s;animation-delay:.7s;background:transparent;border:2px solid #0ef;border-radius:50%;color:#0ef;display:inline-flex;font-size:20px;height:40px;justify-content:center;margin:30px 15px 30px 0;opacity:0;text-decoration:none;transition:.5s ease;width:40px}.social-media a:hover{box-shadow:0 0 20px #0ef}.btn,.social-media a:hover{background:#0ef;color:#1f242d}.btn{-webkit-animation:slideLeft 1s ease forwards;animation:slideLeft 1s ease forwards;-webkit-animation-delay:.7s;animation-delay:.7s;border-radius:40px;box-shadow:0 0 10px #0ef;display:inline-block;font-size:16px;font-weight:600;letter-spacing:1px;opacity:0;padding:12px 28px;text-decoration:none}.about{align-items:center;background:#323741;display:flex;gap:2rem;height:100vh;justify-content:center;padding:70px 10% 0;position:relative;width:100%}.about-content h2 span{color:#0ef}.about-img img{-webkit-animation:zoomIn 1s ease forwards;animation:zoomIn 1s ease forwards;margin-right:30px;max-width:450px;opacity:0;width:35vw}.heading{-webkit-animation:slideRight 1s ease forwards;animation:slideRight 1s ease forwards;-webkit-animation-delay:1s;animation-delay:1s;font-size:4.5rem;opacity:0;text-align:center}.about-content h2{line-height:1.2;text-align:left}.about-content h3{-webkit-animation:slideRight 1s ease forwards;animation:slideRight 1s ease forwards;-webkit-animation-delay:1s;animation-delay:1s;font-size:2.6rem;opacity:0}.about-content p{font-size:1.6rem;margin:2rem 0 3rem}.services{height:100vh;padding:80px 50px 0;position:relative;width:100%}.services h2{margin-bottom:3.5rem}.services h2 span{color:#0ef}.services-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.services-container .services-box{background:#2d323b;border:.2rem solid #252930;border-radius:2rem;flex:1 1 30rem;padding:3rem 2rem 4rem;text-align:center;transition:.5s ease}.services-container .services-box:hover{border-color:#0ef;-webkit-transform:scale(1.02);transform:scale(1.02)}.services-box i{-webkit-animation:zoomIn 1s ease forwards;animation:zoomIn 1s ease forwards;color:#bacdf3;font-size:7rem;opacity:0}.services-box h3{-webkit-animation:slideTop 1s ease forwards;animation:slideTop 1s ease forwards;-webkit-animation-delay:1s;animation-delay:1s;font-size:1.7rem;margin:1rem 0 1.4rem;opacity:0}.services-box p{font-size:1rem;margin:1rem 0 3rem}.portfolio{background:#323741;height:100vh;padding:80px 50px 0;position:relative;width:100%}.portfolio h2{margin-bottom:3.5rem}.portfolio h2 span{color:#0ef}.portfolio-container{grid-gap:2.5rem;align-items:center;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr)}.portfolio-container .portfolio-box{border-radius:2rem;box-shadow:0 0 1rem #323741;display:flex;overflow:hidden;position:relative}.portfolio-box img{transition:.5s ease;width:100%}.portfolio-box:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.portfolio-box .portfolio-layer{align-items:center;background:linear-gradient(#000,rgba(0,0,0,.404));bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:0 4rem;position:absolute;text-align:center;-webkit-transform:translateY(100%);transform:translateY(100%);transition:.3s ease;width:100%}.portfolio-box:hover .portfolio-layer{-webkit-transform:translateY(0);transform:translateY(0)}.portfolio-layer h4{font-size:1.7rem}.portfolio-layer p{font-size:1rem;margin:.3rem 0 1rem}.portfolio-layer a{align-items:center;background:#fff;border-radius:50%;display:inline-flex;height:5rem;justify-content:center;width:5rem}.portfolio-layer a i{color:#252930;font-size:2rem}.contact{height:100vh;padding:80px 50px 0;position:relative;width:100%}.contact h2{margin-bottom:3rem}.contact h2 span{color:#0ef}.contact form{margin:1rem auto 3rem;max-width:50rem;text-align:center}.contact .form-base{height:80%;padding:-20px 50px 0;position:relative;width:80%}.contact form .input-box{display:flex;flex-wrap:wrap;justify-content:space-between}.contact form .input-box input,.contact form textarea{background-color:#323741;border-radius:.8rem;color:#dcdcdc;font-size:1.6rem;height:50%;margin:.7rem 0;padding:.7rem;width:100%}.contact form .input-box input{width:49%}.contact form textarea{resize:none}.contact form .btn{cursor:pointer;margin-top:2rem}.footer{align-items:center;background:#323741;display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem 9%}.footer-text p{font-size:1rem}.footer-iconTop .up-btn{align-items:center;background:#0ef;border-radius:.8rem;display:inline-flex;justify-content:center;padding:.8rem;transition:.5s ease}.footer-iconTop .up-btn:hover{box-shadow:0 0 1rem #0ef}.footer-iconTop .up-btn i{color:#1f242d;font-size:2.4rem}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideBottom{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideBottom{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes floatImage{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-18px);transform:translateY(-18px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes floatImage{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-18px);transform:translateY(-18px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:1200px){html{font-size:55%}}@media (min-width:991px){section{padding:10rem 3% 2rem}.footer{padding:2rem 3%}}.header{align-items:center;background:transparent;display:flex;justify-content:space-between;left:0;padding:20px 10%;position:fixed;top:0;width:100%;z-index:100}.logo{-webkit-animation:slideRight 1s ease forwards;animation:slideRight 1s ease forwards;cursor:default;font-size:25px;font-weight:600}.logo,.navbar a{color:#fff;opacity:0;text-decoration:none}.navbar a{-webkit-animation:slideTop .5s ease forwards;animation:slideTop .5s ease forwards;font-size:18px;font-weight:500;margin-left:35px;transition:.3s}.navbar a:hover{color:#0ef}@-webkit-keyframes slideTop{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideTop{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:991px){.header{padding:2rem 3%}}
/*# sourceMappingURL=main.13edabde.css.map*/