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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.paused{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box}:root{--projectwidth:810px;margin:0;padding:0;//-webkit-transform:translateZ(0);background:linear-gradient(-45deg,#000014,#141414);background-color:#000}@media only screen and (max-width:1700px){:root{--projectwidth:550px}.grid{padding-left:20px}}@media only screen and (max-width:1000px){:root{--projectwidth:410px;margin:0;padding:0}.grid{padding-left:150px}.mainMenu{margin-left:130px!important}}@media only screen and (max-width:800px){:root{--projectwidth:270px}.grid{padding-left:0}.mainMenu{width:1000px!important;margin-left:0!important;font-size:18px!important}.mainMenu li{display:inline-block;padding:10px 50px!important}.headline{margin-left:-35px!important}}@media only screen and (max-width:500px){:root{--projectwidth:270px}.fullOverlay{position:absolute;width:115%!important;height:140%!important}.griditem{margin:50px!important}.grid img{width:300px!important;//border-radius:5px}.mainMenu{display:none!important}.navbarbg{width:120%!important}}body1{background-color:#0a0a0a;color:#fafafa;background-color:#fd940a;background-image:radial-gradient(circle,#f9a72b 0,#fa9026 70%,#fb6c1f 100%)}body{//background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background:linear-gradient(-45deg,#000014,#141414);background-size:100% 100%;//animation:gradient 25s ease infinite}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hideScroll{overflow-y:hidden}.showScroll{overflow-y:auto}.navbarbg{position:absolute;width:100%;height:66px;background-color:#3498db;z-index:10}.mainMenu{position:absolute;margin:10px 30px -10px 0;font-family:sans-serif;font-size:20px;display:inline-block;width:1620px!important;width:calc(var(--projectwidth)*2)!important;text-align:left;width:-webkit-min-content;width:min-content;z-index:20}.mainMenu li{display:inline-block;float:left;margin-left:-70px;cursor:pointer;box-sizing:none;margin-right:20px;padding:10px 60px;border-radius:100px;color:#2b7dac;color:#fff}.mainMenu li:hover{background-color:rgba(18,107,166,.25);//background-color:#2b7dac;color:#fff}.reset{position:absolute;font-size:40px;color:#fff;z-index:20;margin:5px 10px 10px;cursor:pointer;width:40px;opacity:.5;border-radius:40px}.reset:hover{background-color:rgba(18,107,166,.25);opacity:1}.fullOverlay{position:absolute;width:100%;height:100%;z-index:100;background-color:#fff;background-color:#000;padding:0;margin:0}.fullOverlay[animate="1"]{-webkit-animation:casestudy .5s;animation:casestudy .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes casestudy{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes casestudy{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.close{position:fixed;right:10px;cursor:pointer;font-size:30px;color:#000;width:50px;height:50px;z-index:200}.casestudy{width:100%;height:100%;position:absolute;top:0}.gridholder{display:inline-block;grid-template-columns:auto auto auto;text-align:center;box-sizing:border-box;width:100%}.grid{margin:40px 0 150px;width:1620px!important;width:calc(var(--projectwidth)*2)!important;width:-webkit-min-content;width:min-content}.grid,.griditem{display:inline-block;text-align:left}.griditem{padding:0;cursor:pointer;border:1px solid #fff;margin:15px 15px 18px;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;background-color:#000;//color:#2b7dac;-webkit-animation:intro 1s;animation:intro 1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes intro{0%{opacity:0;-webkit-transform:scale(.25) translateY(-2200px);transform:scale(.25) translateY(-2200px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes intro{0%{opacity:0;-webkit-transform:scale(.25) translateY(-2200px);transform:scale(.25) translateY(-2200px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.griditem:hover{//-webkit-filter:grayscale(0);//filter:grayscale(0);-webkit-filter:saturate(120%);filter:saturate(120%);transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;-webkit-transform:scale(1.1);transform:scale(1.1);transition-timing-function:ease-out}.grid img{width:500px;//border-radius:5px}.headline{font-size:40px;padding:45px 0 20px 50px;text-transform:capitalize;color:#114766;margin-left:-100px}.title{font-size:16px;color:#fff;padding:10px 5px 0 10px}.cat{font-size:14px;color:#999;color:#2b7dac;padding:10px 5px 10px 10px}
/*# sourceMappingURL=main.73907fb2.chunk.css.map */