@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;515;600;700&display=swap);.main-app{width:100vw;-webkit-animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) .15s both;animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) .15s both}.main-app,.nav-bar{display:flex;height:100vh}.nav-bar{flex-direction:column;flex:1 1;max-width:300px;min-width:300px;box-shadow:0 1px 1px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.12),0 8px 8px rgba(0,0,0,.12),0 16px 16px rgba(0,0,0,.12);z-index:10}.nav-bar img.logo{height:100px;align-self:center;object-fit:contain;margin-top:20px;margin-bottom:50px}.nav-bar img.footer{position:fixed;object-fit:contain;bottom:0;max-width:300px;left:0;width:25vw;min-width:190px}.hire-body .hire-btn,.nav-bar .nav-btn{align-self:center;width:90%;border-radius:5px;-webkit-animation:shadow-drop-center .4s cubic-bezier(.25,.46,.45,.94) both;animation:shadow-drop-center .4s cubic-bezier(.25,.46,.45,.94) both;display:flex;justify-content:center;margin-bottom:15px;background-color:#b8b8b8;text-decoration:none}.nav-bar .nav-btn.active{background-color:#6f00ff}.hire-body .hire-btn img,.nav-bar .nav-btn img{height:30px;width:30px;margin-right:10px;padding-top:5px;padding-bottom:5px;align-self:center}.hire-body .hire-btn p,.nav-bar .nav-btn p{margin:0;width:70px;align-self:center;color:#fff;font-weight:700}.nav-bar .nav-btn:active{-webkit-animation:shadow-drop-2-bottom .4s cubic-bezier(.25,.46,.45,.94) both;animation:shadow-drop-2-bottom .4s cubic-bezier(.25,.46,.45,.94) both}.small-screen-nav-btn{display:none;position:fixed;right:0;top:0;height:60px;width:60px;border-bottom-left-radius:50px;background-color:#fff;-webkit-animation:shadow-drop-center .4s cubic-bezier(.25,.46,.45,.94) both;animation:shadow-drop-center .4s cubic-bezier(.25,.46,.45,.94) both}.small-screen-nav-btn img{height:30px;width:30px;margin-top:10px;margin-left:20px}.small-screen-logo{position:fixed;top:10px;left:20px;height:75px;object-fit:contain;display:none}.small-screen-nav-btn:active{-webkit-animation:shadow-drop-2-center .4s cubic-bezier(.25,.46,.45,.94) both;animation:shadow-drop-2-center .4s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes shadow-drop-2-bottom{0%{transform:translateZ(0) translateY(0);box-shadow:0 0 0 0 transparent}to{transform:translateZ(50px) translateY(-12px);box-shadow:0 12px 20px -12px rgba(0,0,0,.35)}}@keyframes shadow-drop-2-bottom{0%{transform:translateZ(0) translateY(0);box-shadow:0 0 0 0 transparent}to{transform:translateZ(50px) translateY(-12px);box-shadow:0 12px 20px -12px rgba(0,0,0,.35)}}@-webkit-keyframes shadow-drop-center{0%{box-shadow:0 0 0 0 transparent}to{box-shadow:0 0 10px 0 rgba(0,0,0,.185)}}@keyframes shadow-drop-center{0%{box-shadow:0 0 0 0 transparent}to{box-shadow:0 0 10px 0 rgba(0,0,0,.185)}}@-webkit-keyframes slide-in-left{0%{transform:translateX(-1000px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{transform:translateX(-1000px);opacity:0}to{transform:translateX(0);opacity:1}}@media only screen and (max-width:800px){.nav-bar{display:none}.nav-bar.on,.small-screen-nav-btn{display:flex}.nav-bar.on{min-width:100vw;-webkit-animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both}.nav-bar.exit{display:none;-webkit-animation:slide-out-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-out-left .5s cubic-bezier(.25,.46,.45,.94) both}.nav-bar.on img.footer{min-width:100vw}}.portfolio-body{height:100vh;flex:3 1;display:flex;flex-direction:column;width:70%}.portfolio-body img.display{margin-top:20px;object-fit:scale-down;flex:2 1;height:300px}.portfolio-body img.display.enter{-webkit-animation:scale-in-hor-left .3s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-hor-left .3s cubic-bezier(.25,.46,.45,.94) both}.portfolio-body img.display.exit{-webkit-animation:scale-out-hor-left .3s cubic-bezier(.25,.46,.45,.94) both;animation:scale-out-hor-left .3s cubic-bezier(.25,.46,.45,.94) both}.portfolio-body .slide-show{height:200px;background-color:#fff;display:flex;background-image:url(/static/media/portfolio.1986e2ac.png);overflow-x:auto;flex:1 1;padding-left:20px;padding-right:20px;background-repeat:no-repeat;background-size:cover}.portfolio-body .slide-show img{width:160px;height:160px;object-fit:fill;-webkit-animation:shadow-drop-center .4s cubic-bezier(.25,.46,.45,.94) both;animation:shadow-drop-center .4s cubic-bezier(.25,.46,.45,.94) both;border-radius:10px;align-self:center;margin-top:10px}.portfolio-body .slide-show img.active{border:5px solid #3700ff;-webkit-animation:shadow-drop-2-bottom .4s cubic-bezier(.25,.46,.45,.94) both;animation:shadow-drop-2-bottom .4s cubic-bezier(.25,.46,.45,.94) both;margin-top:20px}.portfolio-body .slide-show::-webkit-scrollbar{width:1px}.portfolio-body .slide-show::-webkit-scrollbar-track{border-radius:1px}.portfolio-body .slide-show::-webkit-scrollbar-thumb{border-radius:10px;background-color:hsla(0,0%,87.5%,.5333333333333333)}.portfolio-body .slide-show::-webkit-scrollbar:vertical{display:none}@-webkit-keyframes scale-in-hor-left{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-in-hor-left{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes scale-out-hor-left{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes scale-out-hor-left{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@media only screen and (max-width:800px){.portfolio-body{width:100vw}}.services-body{display:flex;flex:1 1;-webkit-animation:fade-in 1s ease-in;animation:fade-in 1s ease-in;grid-area:auto;flex-direction:column}.service-card,.services-body .service-container{display:flex;flex:1 1}.service-card{background-size:cover;background-repeat:no-repeat;justify-content:flex-end}.service-card.a{background-image:url(/static/media/gypsum.5b0a8dcc.jpg)}.service-card.b{background-image:url(/static/media/gtv.51e908d5.jpg)}.service-card.c{background-image:url(/static/media/skim.8b79dd76.jpg)}.service-card.d{background-image:url(/static/media/paint.88587430.jpg)}.service-card p{background-color:#a1e8eb;padding:20px;align-self:flex-start;color:#fff;border-bottom-right-radius:150px;font-weight:700;margin:0 auto 0 0;width:100px;height:100px}.hire-body{display:flex;flex-direction:column;justify-content:center;flex:1 1;-webkit-animation:fade-in 1s ease-in;animation:fade-in 1s ease-in}.hire-body p.title{align-self:center;font-weight:500;font-size:20px;margin-left:20px;margin-right:20px}.hire-body .hire-btn{background-color:#33b45e;max-width:300px}.splash-body{flex:1 1;width:100vw;height:100vh;display:flex;justify-content:center;flex-direction:column;position:absolute;top:0;right:0;bottom:0;left:0}.splash-body .background{display:flex;-webkit-animation:fade-in 1s ease-in;animation:fade-in 1s ease-in;max-width:100vw}.splash-body .background img{flex:1 1;object-fit:cover;-webkit-animation:kenburns-bottom-left 5s ease-out both;animation:kenburns-bottom-left 5s ease-out both}.splash-body .box{position:fixed;min-width:300px;min-height:300px;align-self:center;-webkit-animation:scale-in-center .5s cubic-bezier(.39,.575,.565,1) both;animation:scale-in-center .5s cubic-bezier(.39,.575,.565,1) both;display:flex;justify-content:center;background-color:#fff;transition:all .3s ease;width:85vw;max-width:300px;padding:20px;border-radius:200px;border:2px solid #fff}.splash-body.exit{-webkit-animation:slide-out-left .5s cubic-bezier(.55,.055,.675,.19) both;animation:slide-out-left .5s cubic-bezier(.55,.055,.675,.19) both}.splash-body .box img{width:250px;height:250px;object-fit:contain;align-self:center;-webkit-animation:fade-in .3s cubic-bezier(.39,.575,.565,1) both;animation:fade-in .3s cubic-bezier(.39,.575,.565,1) both}.splash-body .box img.exit{-webkit-animation:fade-out .3s ease-out;animation:fade-out .3s ease-out}.splash-body .box.exit{-webkit-animation:fade-out .5s cubic-bezier(.25,.46,.45,.94) both;animation:fade-out .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}@-webkit-keyframes kenburns-bottom-left{0%{transform:scale(1) translate(0);transform-origin:16% 32%}to{transform:scale(1.05) translate(-10px,5px);transform-origin:left bottom}}@keyframes kenburns-bottom-left{0%{transform:scale(1) translate(0);transform-origin:16% 32%}to{transform:scale(1.05) translate(-10px,5px);transform-origin:left bottom}}@-webkit-keyframes slide-out-left{0%{transform:translateX(0);opacity:1}to{transform:translateX(-1000px);opacity:0}}@keyframes slide-out-left{0%{transform:translateX(0);opacity:1}to{transform:translateX(-1000px);opacity:0}}.main-body{width:100%;height:100%;left:0;right:0;top:0;bottom:0;margin:0;position:fixed;display:flex;font-family:"Quicksand",sans-serif;background-color:#fff}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes lift{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes lift{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
/*# sourceMappingURL=main.44a3f2b7.chunk.css.map */