@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kadwa:wght@400;700&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;font-weight:500;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#181818;overflow-x:hidden}#sideBar{background-color:#fff;display:none;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:90vw;z-index:3}#sideBar.active{transform:translateX(0)}#sideBar>.closeX{height:3vh;margin-left:3vh;margin-top:4vh}#sideBar>.links{display:flex;flex-direction:column;margin-left:3vh;margin-top:7vh}#sideBar>.links>a{color:#000;font-size:3vh;margin-bottom:2vh;text-decoration:none}#sideBar>.cr{color:grey;font-size:2vh;margin-left:1vh;margin-top:3vh}#landing{height:100vh;position:relative;width:100vw}#landing>#bg{height:100%;left:0;object-fit:cover;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity 1s ease;width:100%;z-index:-1}#landing>#bg.active{opacity:1}#landing>.title{color:#fff;left:50%;position:absolute;text-align:center;top:30vh;transform:translateX(-50%);width:95vw}#landing>.title>.name{font-size:15vh;line-height:18vh}#landing>.title>.subTitle{font-size:2vh;letter-spacing:.5vh;line-height:4vh;margin-top:3vh}#landing>.topLeft{align-items:center;color:#fff;display:flex;font-size:1.4vh;justify-content:center;left:2vh;position:absolute;top:3vh}#landing>.topLeft>.hamMenu{margin-right:2vh}#fixedHeaderBar>img,#landing>.topLeft>.hamMenu{cursor:pointer;display:none;height:2.5vh}.links{display:flex;justify-content:space-between;left:50%;position:absolute;top:3.5vh;transform:translateX(-50%);width:50vh}.links>a{color:#fff;font-size:1.4vh;position:relative;text-decoration:none}.links>a>.bit{color:grey;font-family:Roboto Mono,monospace;font-size:.8vh;position:absolute;right:0;top:-.8vh}#landing>.scroll{align-items:center;bottom:20vh;display:flex;flex-direction:column;left:50%;position:absolute;transform:translateX(-50%)}#landing>.scroll>.dot{background-color:#ccc;border-radius:50%;content:"";height:.5vh;width:.5vh}#landing>.scroll>.before{animation:bounceDown 3s ease infinite;margin-top:.7vh}#landing>.scroll>.after{animation:bounceDown 3s ease .2s infinite;margin-top:.7vh}#landing>.scroll>img{animation:bounceDown 3s .4s infinite forwards;margin-top:.7vh}#fixedHeaderBar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#222222b4;height:8vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transform:translateY(-100%);transition:transform .3s ease,opacity .3s ease;width:100vw;z-index:2}#fixedHeaderBar.active{opacity:1;pointer-events:all;transform:translateY(0)}#sideBar>.links{left:auto;margin-bottom:10vh;margin-left:5vh;margin-top:0;position:relative;transform:translateX(0)}@keyframes bounceDown{0%{transform:translateY(0)}50%{transform:translateY(2vh)}to{transform:translateY(0)}}@media screen and (max-width:800px){#landing .links{left:auto;right:4vh;transform:translateX(0);width:50vh}}@media screen and (max-width:700px){#fixedHeaderBar>.links,.links{display:none}#landing>.topLeft>.hamMenu{display:block}#fixedHeaderBar>img{display:block;left:3vh;position:absolute;top:50%;transform:translateY(-50%)}#sideBar{display:block}#landing>.title>.name{font-size:10vh;line-height:13vh}}@media screen and (max-width:430px){#landing>.title>.name{font-size:15vw;line-height:20vw}}.section{min-height:80vh;padding-bottom:5vh;width:100vw}#expertise{margin-bottom:10vh}#expertise>.heading{color:#fff;font-size:8vh;margin-top:15vh;text-align:center;width:100%}#expertise>.skills{color:#fff;display:flex;justify-content:center;margin-top:10vh;padding:0 3vh;position:relative;width:100%}#expertise>.skills>.skill{border:2px solid #a3a3a3}#expertise>.skills>.square{flex:0 0 36vh;height:33vh;padding:2vh 3vh;position:relative;width:36vh}#expertise>.skills>.skill>.header{align-items:flex-start;display:flex}#expertise>.skills>.skill>.header>img{height:4vh}#expertise>.skills>.skill>.header>.title{font-size:2.8vh;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:3.5vh;margin-left:2vh;position:relative}#expertise>.skills>.skill>.header>.title>.design{height:1vh;left:0;position:absolute;top:2.2vh;z-index:-1}#expertise>.skills>.skill>.bottom{font-family:Roboto Mono,monospace;font-size:1.8vh}#expertise>.skills>.skill>.bottom>p{color:#54595f}#expertise>.skills>.skill>.bottom>p>p{border-left:2px solid #54595f;color:#fff;margin-bottom:1vh;margin-left:2vh;margin-top:.6vh;padding-left:2vh}#expertise>.skills>.quote{display:none;padding-left:6vh;position:relative}#expertise>.skills>.quote>h2{font-size:2.5vh;margin-top:2vh}#expertise>.skills>.quote>p{color:#a6a6a6;font-size:1.6vh;margin-top:2vh}#expertise>.skills>.quote>.design{background-color:#b7f;height:70%;left:3vh;position:absolute;top:50%;transform:translateY(-50%);width:1vh}#expertise>.skills>img{bottom:0;left:55%;max-width:80vw;opacity:.2;position:absolute;transform:translate(-50%,95%);width:65vh;z-index:-1}@media screen and (max-width:900px){#expertise>.skills{flex-flow:row wrap}#expertise>.skills>.square{flex-basis:50%}#expertise>.skills>.quote{display:block}#expertise>.skills>img{left:50%}}@media screen and (max-width:600px){#expertise>.heading{font-size:5vh}#expertise>.skills>.square{flex-basis:100%}#expertise>.skills>.quote{display:none}}#work{align-items:center;display:flex;flex-direction:column;justify-content:center}#work>.workHeading{color:#fff;max-width:80vh;padding:2vh}#work>.workHeading>h1{font-size:10vh;font-weight:700;line-height:13vh;margin-bottom:2vh}#work>.workHeading>p{font-size:2vh;font-weight:200;margin-bottom:5vh}.projects{display:flex;flex-wrap:wrap;gap:5vh;margin-bottom:10vh;width:85vh}.featuredProject{align-items:center;background-color:#252525;border-radius:3vh;display:flex;height:33vh;justify-content:space-between;width:100%}.featuredProject>.Project{transform:translate(1vh,-1vh)}.featuredProject>.featuredProjectInfo{color:#fff;padding-left:5vh;width:calc(100% - 43vh)}.featuredProject>.featuredProjectInfo>h3{font-size:2.5vh;font-weight:500;margin-bottom:-1vh}.featuredProject>.featuredProjectInfo>h2{font-size:3.5vh;font-weight:700;margin-bottom:0}.featuredProject>.featuredProjectInfo>p{color:#969696;font-size:1.5vh}.featuredProject>.featuredProjectInfo>.viewProjectButton{align-items:center;background-color:#5781c0;border-radius:.5vh;cursor:pointer;display:flex;font-size:2vh;font-weight:300;height:5vh;justify-content:center;margin-top:1.5vh;width:16vh}.Project{background-color:#252525;border-radius:3vh;box-shadow:-.5vh .5vh .5vh #00000078;color:#fff;cursor:pointer;height:33vh;overflow:hidden;position:relative;transition:box-shadow .3s ease;width:40vh}.Project:hover{box-shadow:-1vh 1vh 1vh rgba(0,0,0,.711)}.Project>.displayImage{height:20vh;overflow:hidden;position:relative;width:100%}.Project>.displayImage>img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.Project>.projectInfo{padding:2vh 3vh}.Project>.projectInfo>h2{font-family:Kadwa,serif;font-size:3vh;margin-bottom:-1.5vh}.Project>.projectInfo>p{color:#969696;font-size:1.5vh}.Project>.projectInfo>.projectAction{bottom:1vh;display:flex;font-size:1.5vh;font-weight:200;letter-spacing:.1vh;opacity:.5;position:absolute;right:2vh;transform:translateY(20%);transition:opacity .3s ease,transform .3s ease}.Project>.projectInfo>.projectAction>img{margin-left:1vh;width:2.5vh}.Project:hover>.projectInfo>.projectAction{opacity:1;transform:translateY(0)}@media screen and (max-width:800px){.projects{align-items:center;flex-direction:column;max-width:99%;width:45vh}.featuredProject{flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5vh 0 1vh}.featuredProject>.featuredProjectInfo{margin-bottom:5vh;padding-right:3vh;width:100%}.featuredProject>.Project{transform:translate(0)}.Project{max-width:99%}}footer#contact{background-color:#0d0d0d;color:#fff;display:flex;justify-content:space-between;min-height:70vh;padding:5vh 10vh;position:relative;width:100%}footer#contact>.footerMessage{width:35vw}footer#contact>.footerMessage>h1{font-size:6vh;font-weight:700}footer#contact>.footerMessage>p{font-family:Roboto Mono,monospace;font-size:2.5vh;font-weight:300;margin-top:3vh}footer#contact>.footerLinks{display:flex;flex-direction:column;margin-top:10vh;width:40vw}footer#contact>.footerLinks>.email{font-size:3vh;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}footer#contact>.footerLinks>.email>.colorDesign{background-color:#844ec9;bottom:1vh;height:.8vh;left:-.3vh;position:absolute;width:105%;z-index:-1}footer#contact>.footerLinks>.contactLinks>.link{align-items:center;cursor:pointer;display:flex;font-size:3vh;height:4vh;justify-content:flex-start;margin:2vh;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}footer#contact>.footerLinks>.contactLinks>.link>.hoverer{background-color:#fff;height:.8vh;opacity:0;pointer-events:none;position:absolute;right:-8vh;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:5vh}footer#contact>.footerLinks>.contactLinks>.link:hover>.hoverer{opacity:1}footer#contact>.footerLinks>.contactLinks>.link>img{height:100%;margin-right:2vh}footer#contact>.copyright{bottom:5vh;font-size:2vh;left:10vh;position:absolute}@media screen and (max-width:1000px){footer#contact{flex-direction:column;justify-content:flex-start;padding:2vh 5vh}footer#contact>.footerMessage{width:80vw}footer#contact>.footerLinks{margin-bottom:10vh;margin-top:5vh;width:80vw}footer#contact>.footerMessage>h1{font-size:4vh}footer#contact>.footerMessage>p{font-size:2vh;margin-top:1vh}footer#contact>.footerLinks>.email{font-size:2.5vh}footer#contact>.footerLinks>.email>.colorDesign{bottom:.5vh;height:.6vh;left:-.2vh;width:102%}}::-webkit-scrollbar{height:1.2vh;width:1vh}::-webkit-scrollbar-track{background-color:#080707;cursor:pointer}::-webkit-scrollbar-thumb{background-color:#454545;border-radius:10px;cursor:pointer}::-webkit-scrollbar-thumb:active{cursor:pointer}::-webkit-scrollbar-thumb:hover{background-color:#7e7e7e}
/*# sourceMappingURL=main.cebffae2.css.map*/