*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}@font-face{font-family:"Circular Std";src:local("Circular Std"),url("fonts/CircularStd-Medium.woff2") format("woff2"),url("fonts/CircularStd-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Circular Std";src:url("fonts/CircularStd-Bold.woff2") format("woff2"),url("fonts/CircularStd-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Circular Std Book";src:url("fonts/CircularStd-Book.woff2") format("woff2"),url("fonts/CircularStd-Book.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}body{font-family:"Circular Std Book",serif;color:#f1ebe2;background-color:#0c0c0c;margin:2em}a{text-decoration:none;color:#f1ebe2}.hidden{display:none}.back-to-top{position:fixed;right:1rem;bottom:2rem;color:#f1ebe2;font-size:1.5em;transition:transform .5s ease-out;cursor:pointer;-webkit-animation:upDown 1.2s infinite alternate;animation:upDown 1.2s infinite alternate}.logo img{width:3em}.nav-bar{display:flex;justify-content:space-between;align-items:center;background-color:#0c0c0c}.nav-menu{position:fixed;top:-500%;gap:0;flex-direction:column;background-color:#0c0c0c;width:100%;text-align:center;transition:.3s;z-index:2}.nav-menu a{font-size:1.5em}.nav-menu a:hover{text-decoration:underline;text-underline-offset:8px}@media screen and (min-width: 768px){.nav-menu{display:flex;justify-content:flex-end;align-items:center;flex-direction:row;top:0;gap:40px;position:relative;background-color:none;transition:.3s}.nav-menu ul li{display:inline-block;list-style:none}.nav-menu a{font-size:1.5em;text-decoration:none;color:#f1ebe2}}.nav-item{margin:16px 0}@media screen and (min-width: 768px){.nav-item{margin:0}}.nav-menu.active{top:0;background-color:#0c0c0c;z-index:2}.nav-link{transition:1s ease}.nav-link :hover{text-decoration:underline}.hamburger{display:block;cursor:pointer;z-index:5}@media screen and (min-width: 768px){.hamburger{display:none}}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.bar{display:block;width:30px;height:3px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#fff4e4}footer{display:flex;flex-direction:column;align-items:flex-start;font-size:1.2rem;margin-top:4em;padding-top:2em;border-top:solid 1px #fff4e4}footer div{margin-bottom:1rem}footer a{margin-right:.5rem}.home-about{margin:8em 0;max-width:1440px}@media screen and (min-width: 768px){.home-about{margin:8em 2em}}@media screen and (min-width: 1200px){.home-about{margin:8em auto}}.home-about h2{width:100%;margin-bottom:1em;font-size:1.5em;line-height:1.5em}@media screen and (min-width: 768px){.home-about h2{font-size:1.8em;line-height:1.6em;width:100%}}@media screen and (min-width: 1200px){.home-about h2{font-size:2.15em;line-height:1.7em}}.home-about span{color:#fff4e4;line-height:1.5em;margin-bottom:2em;text-decoration:underline 1px}.home-about span:hover{color:#a7a7a7}.video{cursor:pointer !important}.video-popup{position:fixed;top:0;left:0;z-index:100;background:rgba(5,5,5,.8);height:100%;width:100%;display:none}.video-popup video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:350px;object-fit:cover}@media screen and (min-width: 768px){.video-popup video{width:750px}}.video-popup span{position:absolute;top:5px;right:20px;font-size:50px;color:#fff4e4;z-index:100;cursor:pointer}.work-section{max-width:1440px;margin:0 auto;display:grid;gap:3em;justify-content:center;align-self:center;border-top:solid .5px #fff4e4;padding-top:6em}@media screen and (min-width: 768px){.work-section{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}}.project-container img{width:100%;margin-bottom:2em}.project-container img:hover{cursor:pointer}.project-text{display:flex;justify-content:flex-start;flex-wrap:wrap;flex-direction:column}.project-text h3{font-size:1.5em;line-height:1.2em;margin-bottom:.5em}.project-text h3:hover{cursor:pointer;color:#a7a7a7}.project-text span{color:#a7a7a7;font-size:1.2em}.contact{margin:8em 0;max-width:1440px}@media screen and (min-width: 768px){.contact{margin:8em 2em}}@media screen and (min-width: 1200px){.contact{margin:8em auto}}.form-wrapper{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:3em}.form-wrapper h2{font-size:3em;line-height:1.2em;margin-bottom:1em}form{display:flex;flex-direction:column}label{margin:2em 0 .5em 0;font-size:1.2em}#firstname{margin-right:20px}input[type=text]{margin-top:.5em;width:145px;min-height:50px;background-color:rgba(0,0,0,0);border:none;border-bottom:solid 1.5px #f1ebe2;color:#f1ebe2;font-size:1em !important;font-family:"Circular Std Book",serif !important}@media screen and (min-width: 768px){input[type=text]{width:250px}}input[type=email],textarea{width:100%;min-height:50px;background-color:rgba(0,0,0,0);border:none;border-bottom:solid 1.5px #f1ebe2;color:#f1ebe2;font-size:1em !important;font-family:"Circular Std Book",serif !important}.send-btn{margin-top:2em}.send-btn .submit{padding:.6em 1em;border:solid 1.5px #f1ebe2;cursor:pointer;font-size:1.2em;font-weight:600;background:none;color:#f1ebe2}.send-btn .submit:hover{background:#f1ebe2;color:#000}textarea{resize:none;display:block}#successLB{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background:#0c0c0c}.lbContainer{border-radius:10px;box-shadow:0 1px 1px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.12);text-align:left;padding:4em}.lbContainer h2{font-size:2em;line-height:1.2em;margin-bottom:2em;font-weight:600;color:f1ebe2}.lbContainer p{font-size:1.2em}.lbContainer .connect{line-height:2em;margin:3em 0;color:#a7a7a7}.icon-gray{color:#f1ebe2 !important;margin-right:10px}.back-btn{text-decoration:none;cursor:pointer;font-size:1.2em;position:fixed;bottom:0;right:0;padding:4em}.back-btn:hover{text-decoration:underline;text-underline-offset:8px}.error{border:solid 2.5px #3f4075 !important}.about-page{margin:8em 0;max-width:1440px}@media screen and (min-width: 768px){.about-page{margin:8em 2em}}@media screen and (min-width: 1200px){.about-page{margin:8em auto}}.about-page h2{font-size:2.5em;margin-bottom:1.5em;font-weight:600}@media screen and (min-width: 1200px){.about-page h2{font-size:3em;margin-bottom:1.8em}}.about-page h3{font-weight:600;font-size:2em;margin:1.5em 1.5em 1em 0}@media screen and (min-width: 1200px){.about-page h3{font-size:2em}}.about-page p{font-size:1.2em;margin-bottom:.5em;line-height:1.5em}@media screen and (min-width: 1200px){.about-page p{font-size:1.5em}}.about-page span{font-size:1em;color:#a7a7a7;line-height:1.5em}@media screen and (min-width: 1200px){.about-page span{font-size:1.2em}}.about-page a{font-size:1.2em;text-decoration:underline}@media screen and (min-width: 1200px){.about-page a{font-size:1.5em}}.text-box{margin-bottom:2em}.main-para{display:flex;flex-wrap:wrap;gap:4em;justify-content:flex-start;align-self:center;margin-bottom:3em}.experience,.expertise{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2em}@media screen and (min-width: 768px){.experience,.expertise{gap:3em}}@media screen and (min-width: 1200px){.experience,.expertise{gap:10em;margin-bottom:4em}}.hover-img p{position:relative;font-size:1em;color:#a7a7a7;line-height:1.5em}@media screen and (min-width: 1200px){.hover-img p{font-size:1.2em}}.hover-img span{position:absolute;display:none;z-index:99}.hover-img img{width:300px;height:auto}.hover-img p:hover span{display:block;left:10px;z-index:-1}.playground{margin:4em 0;max-width:1440px}@media screen and (min-width: 768px){.playground{margin:4em 2em}}@media screen and (min-width: 1200px){.playground{margin:6em auto}}.pg-header{font-size:2em;line-height:1.5em;text-align:center;margin-bottom:4em}.pg-gallery{display:flex;flex-wrap:wrap;gap:4em;font-size:1em;justify-content:center;color:#a7a7a7}.pg-gallery img{width:100%;height:auto;margin-bottom:1em}.project{margin:8em 0 0 0;max-width:1440px;margin-left:auto;margin-right:auto}.margin-bottom{margin-bottom:4em}.overview{margin:0 auto 4em auto;display:grid;gap:4em;justify-content:center;align-self:center}@media screen and (min-width: 768px){.overview{grid-template-columns:3fr 1fr}}.brief h2{font-size:2em;line-height:1.2em;margin-bottom:1em}.brief p{font-size:1.2em;line-height:1.5em}@media screen and (min-width: 1200px){.brief h2{font-size:2.5em;margin-bottom:1em}.brief p{font-size:1.4em;line-height:1.5em}}.spec{display:flex;flex-wrap:wrap;gap:2em;justify-content:space-between}.spec p{font-size:1em;line-height:1.5em}.spec span{color:#a7a7a7}.dev-process{display:flex;flex-direction:column;justify-content:center;gap:2em}.dev-process h3{font-size:1.8em;line-height:2em}.dev-process p{font-size:1em;line-height:1.5em}@media screen and (min-width: 1200px){.dev-process h3{font-size:2em}.dev-process p{font-size:1.4em;line-height:1.5em}}.dev-process img{max-width:1200px}.project img{width:100%;position:relative;left:50%;transform:translate(-50%, 0);margin:2em auto}@media screen and (min-width: 1200px){.project img{width:fit-content}}.flex-wrap{display:flex;flex-wrap:wrap;margin-top:1em}@media screen and (min-width: 768px){.flex-wrap{justify-content:space-evenly}}.flex-wrap img{width:180px}@media screen and (min-width: 768px){.flex-wrap img{width:300px}}/*# sourceMappingURL=main.css.map */