body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{padding:0;margin:0;box-sizing:border-box;outline:none}body{width:100%;height:100%;background-color:#000;font-family:sans-serif}a{text-decoration:none;color:#fff}h1,h2,h3,h4,h5,h6,span{font-size:18px;color:#fff;font-family:Poppins,sans-serif}li{overflow:hidden}span{display:block}p{font-size:16px;font-family:Poppins,sans-serif}.white{color:#fff!important}.black{color:#000!important}.pd__10{padding:40px 0}.text__center{text-align:center!important}.d__flex{display:flex}.align__items__center{align-items:center}.justify__content__center{justify-content:center}.justify__content__space__between{justify-content:space-between}.mx__15{margin:0 15px}.px__30{padding:0 30px}.pxy__30{padding:30px}.pz__10{padding:10px 0}.sweet{color:#f9004d}.component__space{padding:100px 0}.pointer{cursor:pointer}svg{stroke-width:1!important}.relative{position:relative}.absolute{position:absolute}strong{color:#f9004d;font-weight:600}input{color:rgba(198,201,216,.75)}button.btn{height:50px;width:180px;margin:0 10px}.p__color{color:rgba(198,201,216,.75);font-size:18px;line-height:30px;font-family:Poppins,sans-serif;margin-bottom:15px}button.about.btn.pointer:hover{background:#fff;color:#000!important}.about{background:#191919}img.about__img{border-radius:10px;width:100%}h1.about__heading{margin-bottom:10px;font-weight:700;text-align:start;font-family:Montserrat,sans-serif;font-size:60px}button.about.btn.pointer{text-transform:capitalize;width:195px;height:55px;font-size:18px;transition:.4s ease}.about__button{padding:20px 0}a.bottom__to__top{height:40px;width:40px;position:fixed;bottom:3%;right:2%;background-color:#f9004d;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .4s ease;z-index:1000}a.bottom__to__top.active{display:flex}@media only screen and (max-width:1024px){.p__color{font-size:15px!important}}@media only screen and (max-width:425px){button.about.btn.pointer{text-transform:capitalize;width:165px;height:50px;font-size:13px;transition:.4s ease}}.blog__meta{align-items:center}.blog__meta,.Blog__meta.absolute{width:100%;height:100%;top:0;left:0;display:flex;justify-content:flex-end}.Blog__meta.absolute{padding:0 20px;align-items:flex-start;flex-direction:column;flex-wrap:wrap;border-radius:10px;overflow:hidden}a.blog.project__btn{margin-bottom:-50px;transition:all .4s ease}.Blog__meta:hover a.blog.project__btn{margin-bottom:40px}.contact{background-color:#191919}h1.hire__text{font-size:60px}p.hire__text{font-size:18px;line-height:30px;color:rgba(29,29,36,.75);font-weight:400}input.contact{display:block;width:100%;padding:0 20px;border-radius:5px;transition:all .3s ease;height:50px;line-height:46px;margin:20px 0;outline:none;color:#fff;font-size:15px;letter-spacing:.1px;background:none;border:2px solid hsla(0,0%,100%,.2)}.contact__img{border-radius:10px;width:100%;overflow:hidden}textarea#message{height:120px;background:none;padding:0 20px;width:100%;line-height:46px;color:#fff;font-size:15px;letter-spacing:.1px;border:2px solid hsla(0,0%,100%,.2)}button.btn.contact.pointer{margin:20px 0}.home__bg{background-image:url(/static/media/my-bg.14e9bc0c.jpg);background-color:#010101;background-position:50%;background-repeat:no-repeat;background-size:cover}li.nav__items{font-size:18px;padding-bottom:15px}.home__content{padding:125px 0}.logo img{width:30%}#home nav{padding:20px 0;background:#191919}#home li .c__link{font-size:18px;color:#fff;font-weight:600}#home li .c__link:hover{color:#f9004d}h1.home__text{font-size:18px;font-weight:400;letter-spacing:3px;color:rgba(198,201,216,.75)!important}h2.home__text{font-size:54px;line-height:54px;font-weight:800;font-family:Montserrat,sans-serif}h3.home__text,h4.home__text{font-size:50px;font-weight:800;font-family:Montserrat,sans-serif;line-height:40px}.header{transition:all .4s ease}.header.active{position:fixed;z-index:1000;width:100%;padding:0 30px;background-color:#191919}.toggle__menu{display:flex;justify-content:flex-end;float:right;z-index:1000;width:100%}ul.sidebar.d__flex{flex-wrap:wrap;height:100%;position:fixed;right:0;background:#010101;justify-content:center;width:300px;top:0;flex-direction:column}li.sideNavbar{padding:25px 30px}@media only screen and (max-width:768px){.header{justify-content:space-between}.navigation.pxy__30{display:none}h2.white.pz__10{font-size:50px!important}svg.bi.bi-justify.white.pointer{width:30px;height:30px}}@media only screen and (max-width:425px){h2.home__text.pz__10{font-size:32px}h3.sweet.pz__10{font-size:40px}h1.home__text{font-size:14px}h4.home__text{font-size:45px}}.project{background-color:#191919}img.project__img{border-radius:10px;width:100%;object-fit:cover;transition:.4s;opacity:.7;position:relative}img.project__img:after{content:"";width:100%;height:100%;background-color:#000;z-index:1;opacity:1}.mask__effect{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#f9004d;border-radius:10px;transition:.4s;opacity:.3;display:none}.project__box:hover .mask__effect{display:inline;transform:scale(1.1)}.project__box:hover img.project__img{transform:scale(1.1)}.project__meta.absolute{top:0;left:0;display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;border-radius:10px;width:100%}h5.project__text{font-weight:400;font-size:20px;padding-bottom:20px}h4.project__text{font-size:22px;font-family:Poppins,sans-serif;font-weight:700;padding-bottom:20px}a.project__btn{padding:12px 35px;border:2px solid hsla(0,0%,100%,.5294117647058824);border-radius:5px;transition:.4s ease}a.project__btn:hover{background-color:#f9004d;border:2px solid #f9004d}button.btn{padding:15px 20px;font-size:18px;font-weight:500;border-radius:5px;border:2px solid #f9004d;background-color:#f9004d;color:#fff!important;text-transform:uppercase;letter-spacing:2px;transition:all .4s ease}button.view__more:hover{background-color:#fff;border:2px solid #f9004d;color:#f9004d!important}@media only screen and (max-width:1024px){h5.project__text{font-weight:400;font-size:20px;padding-bottom:20px}h4.project__text{font-size:18px}}
/*# sourceMappingURL=main.722fd5ee.chunk.css.map */