@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,600;1,200;1,300;1,400;1,500&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#000}a,h1,h4,p{color:#fff;text-decoration:none}.btn{background:#f8d90f;border:1px solid #fff;color:#222;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;text-transform:uppercase}.btn-light{background:transparent;color:#fff}.btn:hover{background:hsla(0,0%,100%,.2);color:#fff;transition:.3s}.mask{position:relative}.intro-img,.mask{height:100vh;width:100%}.intro-img{background-position:50%;background-repeat:no-repeat;background-size:cover;object-fit:cover}.mask:after{background:#000;content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%}.content{-webkit-animation-delay:2s;animation-delay:2s}.hero .content{left:50%;position:absolute;text-align:center;top:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hero .content h1{font-size:4rem;font-weight:600;padding:.6rem 0 1.5rem}.paragraph{font-size:20px;margin-bottom:40px}.btn{padding-bottom:10px}.content .btn{border-radius:7px;margin:1rem .3rem}@media screen and (max-width:640px){.hero .content h1{font-size:3rem}}.header{align-items:center;-webkit-animation:nav-load 2s ease-in-out;animation:nav-load 2s ease-in-out;display:flex;height:90px;justify-content:space-between;padding:1rem;position:fixed;width:100%;z-index:10}.header-bg{background-color:rgba(0,0,0,.9);transition:.5s}.nav-menu{display:flex}.nav-menu li:hover{background-color:#ffffff44;border-radius:5px}.nav-menu li{list-style:none;padding:0 1rem}.nav-menu li a{font-size:1.2rem;font-weight:500;text-decoration:none}.havburger{display:none}@-webkit-keyframes nav-load{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes nav-load{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:1040px){.nav-menu{align-items:center;background:rgba(0,0,0,.92);flex-direction:column;height:100vh;justify-content:center;left:-100%;position:absolute;top:0;transition:.3s ease-in;width:100%;z-index:-3}.nav-menu.active{left:0}.nav-menu li{padding:2rem 0}.nav-menu li a{font-size:2rem}.havburger{display:inline;display:initial}}.project-heading{padding:4rem 0 2rem;text-align:center}.project-container{grid-gap:40px;display:grid;grid-template-columns:repeat(3,1fr);margin:auto;max-width:1340px;padding-bottom:5rem}.project-card{background:#1a1919;padding:1.2rem 1rem;transition:1s}.project-card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.project-card img{width:100%}.project-title{color:#fff;padding:1rem 0}.pro-details p{font-size:1.1rem;padding-bottom:1rem}.pro-btns{display:flex;justify-content:space-between;padding:.5rem 0}.pro-btns .btn{border-radius:5px;padding:.5rem 1rem}@media screen and (max-width:740px){.project-container{grid-template-columns:1fr;margin:auto;max-width:90%}}.footer{background-color:hsla(0,0%,7%,.8);padding:6rem 0;width:100%}.footer-container{grid-gap:30px;display:grid;grid-template-columns:repeat(2,1fr);margin:auto;max-width:1140px}.left{display:flex;flex-direction:column;height:100%;max-width:100%;padding:1rem}.social{color:#fff;font-size:30px;margin-top:1rem}p{font-size:1rem}.location{display:flex;margin-bottom:.8rem}.location p{line-height:30px}.right{display:flex;flex-direction:column;height:100%;max-width:100%;padding:1rem}h4{font-size:1.2rem;padding-bottom:.7rem}@media screen and (max-width:640px){.footer-container{grid-template-columns:1fr}}.hero-img{background-color:rgba(0,0,0,.5);height:60vh;position:relative;width:100%}.hero-img:before{background:url(/static/media/dev_img.28c58c7187ea9ff39acc.png);background-position:50%;background-size:cover;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.heading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.hero-img h1{font-size:2.4rem}.hero-img p{font-size:1.4rem;text-align:center}@media screen and (max-width:640px){.hero-img h1{font-size:2rem}}.about{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;margin:3rem 0;width:100%}.about .left{margin:auto;max-width:650px;padding:1rem;text-align:center}.about .left p{margin:1.2rem 0}.about .right{max-width:700px}.right .img-container{align-items:center;display:grid;grid-template-columns:repeat(12,1fr);position:relative;text-align:center}.right .img{border:1px solid #333;max-width:90%}.right .top{grid-column:1/span 7;grid-row:1;padding-top:20%;z-index:6}.right .bottom{grid-column:4/-1;grid-row:1;z-index:5}.head{color:#f5f5f5;font-size:40px;text-align:center}.container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:1600px;padding:40px 0}.container .card{border-radius:15px;box-shadow:inset 5px 5px 5px rgba(0,0,0,.05),inset -5px -5px 5px hsla(0,0%,100%,.5),inset inset 5px 5px 5px -5px -5px 5px rgba(0,0,0,.5) hsla(0,0%,100%,.5);height:340px;margin:30px;position:relative;width:370px}.container .card:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:.5s ease-in-out}.container .card .box{background:#d3d1e6;border-radius:15px;bottom:20px;box-shadow:0 10px 20px rgba(0,0,0,.1);display:flex;justify-content:center;left:20px;position:absolute;right:20px;top:20px}.container .card .box .content{align-items:center;padding:20px}.container .card .box .content h2{font-size:1.8em;transition:.5s;z-index:1}.container .card .box .content ul{font-size:1rem;font-weight:300;text-decoration:none;transition:.5s;z-index:1}.container .card .box .content ul li{color:#000;font-size:1.2rem;font-weight:500;list-style:none}label{color:#fff;margin-bottom:.5rem}form{display:flex;flex-direction:column;margin:auto;max-width:600px;padding:4rem 1rem}form input,form textarea{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.1);color:#f4f4f4;font-size:1.2rem;margin-bottom:1rem;padding:10px 18px}
/*# sourceMappingURL=main.0ce6f64a.css.map*/