@import url(https://fonts.maateen.me/solaiman-lipi/font.css);*{box-sizing:border-box;font-family:"Poppins","Roboto","Arial","SolaimanLipi",sans-serif;font-weight:400;font-size:14px;font-weight:300;line-height:1.3;letter-spacing:.3px}body,html,iframe{padding:0;margin:0;height:100%;width:100%}iframe{height:100vh;border:none}p,span{padding:0;margin:0}a{color:inherit}.mtop-20{margin-top:20px}.mbot-30{margin-bottom:30px}ul{margin:0;padding:20px 0 0 20px}table,table *{padding:0;margin:0;border:none;border-collapse:collapse}strong{font-weight:500;font-size:inherit}#container{position:relative;min-height:100vh}#menu{position:fixed;top:0;bottom:0;left:0;height:100vh;width:80px;flex-direction:column;justify-content:flex-end;padding:30px;box-shadow:0 0 20px rgba(1,1,1,.03);z-index:2;transition:.3s}#menu,#menu a{display:flex;align-items:center}#menu a{padding-bottom:20px;letter-spacing:0;text-decoration:none;text-transform:uppercase;white-space:nowrap}#menu a *{font-size:12px}#menu a img{width:25px;opacity:.2;margin:0 0 -3px}#menu a span:not(.circle){display:none}#menu a *{color:grey}#menu .separator *{font-size:12px;text-transform:uppercase;color:#a8a8a8}#menu .separator{display:none}#menu .separator p{margin-bottom:15px;letter-spacing:2px}#menu .separator hr{border:none;border-bottom:thin solid #dad9d9;margin:0 0 15px}#menu.menu-init,#menu:hover{align-items:unset;width:185px}#menu.menu-init span,#menu:hover span{padding-left:15px}#menu.menu-init .separator,#menu:hover .separator{display:unset}#menu.menu-init a span,#menu:hover a span{display:unset;color:grey}#menu .active *{font-weight:500;color:#000!important}#menu .active img{opacity:1}#content{transition:.3s;width:calc(100vw - 80px);margin-left:80px}#content.content-init,#menu:hover+#content{width:calc(100vw - 185px);margin-left:185px}#landing,.section{height:100%;min-height:100vh}#landing{position:relative;background-color:#e0e5e8;padding:70px;display:flex;flex-direction:column;overflow:auto}#landing .greetings{font-size:10vw;line-height:.8;font-weight:900;text-transform:uppercase;margin-left:-.5vw;color:rgba(0,0,0,.1);padding-bottom:50px}#landing .greetings-image{width:30vw;margin-bottom:30px;opacity:1}#landing .intro{flex:1 1}#landing .intro p:first-of-type{margin-bottom:10px}#landing .intro a{text-decoration:none}#landing .see-portfolio{cursor:pointer}#landing .footer{padding-top:50px}#landing .footer,#landing .footer *{font-style:italic;font-size:12px;color:#000}#landing .footer *{font-size:inherit;text-decoration:unset}#landing .footer .watched div{display:inline-block}.portfolio{padding:70px;height:100vh;overflow:auto;display:flex;flex-direction:column;justify-content:space-between}.portfolio .portfolio-top{display:flex;flex:1 1}.portfolio .portfolio-content{flex:1 1;text-align:center;background-repeat:no-repeat;background-position:50%;background-size:50px}.portfolio .portfolio-details{flex:1 1;padding-left:50px}.portfolio .portfolio-content img{max-width:100%;max-height:calc(100vh - 140px);min-height:400px;object-fit:contain;object-position:top}.portfolio .portfolio-title{font-size:18px;text-transform:uppercase;font-weight:900;padding:20px 0 0;color:#585e58;line-height:1}.portfolio .portfolio-client{text-transform:uppercase;padding:10px 0 30px;color:#585e58;line-height:1}.portfolio .footer{padding-top:50px;display:flex;justify-content:space-between;align-items:flex-end}.portfolio .next-item{text-transform:uppercase;font-weight:500;-webkit-animation-name:next;animation-name:next;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;cursor:pointer;padding-left:100px;white-space:nowrap}.portfolio .next-item:hover{-webkit-animation-name:unset;animation-name:unset}.portfolio.mobile-app .portfolio-details{display:flex;flex-direction:column}.mobile-app-details{display:flex;flex-direction:column;flex:1 1}.portfolio-screen{border:3px solid #444;height:calc(100vh - 150px);margin-top:10px;background-repeat:repeat-y;background-size:cover;background-position:top;border-radius:15px;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.portfolio-animation{-webkit-animation:animatedBackground 5s linear infinite;animation:animatedBackground 5s linear infinite;-webkit-animation-delay:0;animation-delay:0}.portfolio-screen:before{content:"";position:absolute;height:35px;display:flex;width:calc(100% + 6px);top:-25px;left:-3px;border-top-left-radius:15px;border-top-right-radius:15px;background-color:#444;-webkit-transform:translateZ(-1px);transform:translateZ(-1px)}#contact{background-color:#000;height:100vh;padding:100px;display:flex;flex-direction:column}#contact .greetings{font-size:3vw;line-height:1;font-weight:900;text-transform:uppercase;color:#fff}#contact .greetings:first-of-type{-webkit-animation-name:fade;animation-name:fade;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}#contact .greetings span{text-transform:lowercase}#contact *{color:#fff}@-webkit-keyframes down{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes down{0%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes next{0%{-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes next{0%{-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slide{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes animatedBackground{0%{background-position:0 0}15%{background-position:0 0}90%{background-position:0 100%}to{background-position:0 100%}}@keyframes animatedBackground{0%{background-position:0 0}15%{background-position:0 0}90%{background-position:0 100%}to{background-position:0 100%}}@-webkit-keyframes fade{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes fade{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}@media only screen and (max-width:1100px){#contact,#landing,.portfolio,.portfolio .portfolio-item{padding:50px}.portfolio .portfolio-top{display:unset;flex:1 1}.portfolio .portfolio-details{flex:1 1;padding:30px 0 0}.portfolio .footer{padding-top:30px}.portfolio .portfolio-super{display:unset}.portfolio .section-title{height:unset;width:unset;padding:50px 50px 0}.portfolio .section-title p{-webkit-transform:unset;transform:unset;width:unset;height:unset;margin:0;text-align:left;display:unset;font-weight:300;color:#837272;font-size:20px}.portfolio .next-item{text-transform:uppercase;font-weight:500;-webkit-animation-name:unset;animation-name:unset;cursor:pointer;padding-left:0}.portfolio .portfolio-content img{max-width:100%;max-height:unset;min-height:unset;object-fit:contain}#contact .greetings{font-size:30px}}@media only screen and (max-width:600px){#landing .greetings{font-size:80px;margin-left:-.5vw}.portfolio .footer{display:unset}.portfolio table{margin-bottom:30px}#landing .footer span{font-size:24px}#contact,#landing,.portfolio{padding:30px}}
/*# sourceMappingURL=main.545172a4.chunk.css.map */