html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{vertical-align:top;border:0;outline:0;margin:0;padding:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.15}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}*{box-sizing:border-box}h1{padding-bottom:calc(10px + 3vmin)}p{padding-bottom:calc(10px + 1vmin)}html{background-color:#1d1d1b;width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:all .5s;position:relative;overflow:hidden}.Nav,.Main{color:#fff;font-size:calc(10px + 1vmin)}.Main{position:fixed}.background-video-container{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.background-video{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}.Page{text-align:center;padding:10px;display:inline-block;position:absolute}.Page-logo{width:608px;height:112px;display:inline-block;position:relative}@media only screen and (max-width:640px){.Page-logo{width:288px}}.Page-logo div{z-index:2;width:16px;height:16px;transition:all .1s;display:inline-block;position:absolute}.Page-logo .block{background:#f60}.full-height{min-height:100vh}.center{flex-direction:column;justify-content:center;align-items:center;display:flex}.h-70{width:70%;display:inline-block}@media only screen and (max-width:640px){.h-70{width:100%}}.grey{background:#1d1d1b}.orange{background:#f60}.blue{background:#06c}.green{background:#080}.green-very-dark{background:#121}.purple{background:#808}.clientList{text-align:left}.show{opacity:1}.hide{opacity:0;pointer-events:none}@media only screen and (max-width:1080px){.hide-1080{opacity:0;pointer-events:none}}.Footer{text-align:center;color:#fff3;z-index:999;pointer-events:none;width:100%;padding:10px;font-size:calc(5px + 1vmin);position:fixed;bottom:0;left:0}::-webkit-scrollbar{width:0}.About{color:#1d1d1b;text-align:left;z-index:2;background:#06c;margin-top:100px;padding:50px 30px 30px;position:absolute;left:0}.MattComputer{position:absolute;top:-90px;right:100px}@media only screen and (max-width:640px){.About{margin-top:80px}.MattComputer{display:none}}.About p{text-align:left}.About h1{color:#fff;text-align:left;font-size:50px}.About a{color:#fff;text-decoration:none}.About-content-1{width:49%;padding-right:1%;display:inline-block}.About-content-2{width:49%;padding-left:1%;display:inline-block}@media only screen and (max-width:640px){.About-content-1,.About-content-2{width:100%;padding:0;display:block}.mobile-hide{display:none}}.Arrow-icon{cursor:pointer;z-index:1;width:400px;height:400px;transition:all .1s ease-in-out;position:absolute;top:60px;right:-20px}.Arrow-Home:hover{top:30px;right:-50px}.Arrow-About{top:480px;right:0;transform:rotate(-70deg)}.Arrow-About:hover{top:450px;right:10px}.Arrow-Clients{top:450px;right:10px;transform:rotate(115deg)}.Arrow-Clients:hover{top:480px;right:0}.Arrow-Showcase{top:500px;left:10px;transform:rotate(225deg)}.Arrow-Showcase:hover{left:-20px}.Arrow-Tech{top:500px;right:50px;transform:rotate(-285deg)}.Arrow-Tech:hover{top:530px;right:20px}.Arrow-Demos{top:20px;left:70px;transform:rotate(-70deg)}.Arrow-Demos:hover{top:-10px;left:60px}.Clients{pointer-events:none;z-index:2;position:relative}@media only screen and (max-width:640px){.Clients{justify-content:start;margin-top:80px}}.client-logos{max-width:800px;margin:25px 0 30px}.client-logo{vertical-align:middle;pointer-events:auto;max-width:200px;height:50px;margin:20px 10px}@media only screen and (max-width:640px){.client-logo{max-width:120px;height:auto;max-height:50px;margin:10px}}.Contact .contact-methods a{color:#fff;margin:auto 15px;text-decoration:none}.Contact .contact-methods a svg{font-size:48px}.Contact .contact-methods a.bigger svg{margin-top:-4px;font-size:56px}.Contact .contact-methods a:hover{color:#f80}.accreditations{width:100%;display:block;position:absolute;bottom:100px}.accreditations .ads-group{max-height:50px;margin-right:22px}.accreditations .github-advanced-security{max-height:70px}.accreditations .uk-cyber-security-council{max-height:50px;margin-left:22px}.Demos{position:relative}.examples{z-index:1;display:inline-block;position:relative;overflow:hidden}.Example{z-index:2;width:300px;height:300px;display:inline-block;position:relative}.codeWall{background-size:300%;width:100%;height:100%;line-height:1.5}.code{text-align:center;color:#c6e2ff;padding:30px 15px;font-size:18px;display:inline-block;position:absolute;left:0}.on{animation:1.5s infinite alternate flicker}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 2px #cae4e1eb,0 0 10px #cae4e157,0 0 4px #1e84f285,0 0 7px #1e84f2eb,0 0 11px #1e84f2c7,0 0 16px #1e84f2eb}20%,24%,55%{text-shadow:none}}.timeBlocks{cursor:pointer;background:#222;width:100%;height:100%;padding-top:20px;display:inline-block}.timeBlocksBox{width:72px;display:inline-block}.timeBlockVisible{background-color:#f60;width:20px;height:20px;margin:2px;display:inline-block}.timeBlockHidden{background-color:#444;width:20px;height:20px;margin:2px;display:inline-block}@media only screen and (max-width:1080px){.notDesktopHide{display:none}}.Home-intro{text-align:left;z-index:3;width:608px;height:50px;font-size:calc(10px + 2vmin)}.Home-intro-company{text-align:center;color:#666;z-index:3;width:608px;height:40px;padding-top:20px;font-size:calc(8px + 1vmin)}.Home-intro-company .pipe{background:#333;width:1px;height:22px;margin:0 15px;display:inline-block}@media only screen and (max-width:640px){.Home-intro{width:288px;height:25px}}.Home-availability{cursor:pointer;z-index:4;margin-top:20px;font-size:calc(10px + .5vmin);display:inline-block;position:relative}.Home-availability .tag{background:#333;padding:5px;display:inline-block}.Home-availability .date{color:#888;padding:10px 5px 0}.Home-availability .statusAvailable{background:#050;padding:5px;display:inline-block}.Home-availability .statusUnavailable{background:#b00;padding:5px;display:inline-block}.Nav{text-align:left;z-index:1000;transition:opacity .15s;position:fixed;top:0;left:0}.Nav ul{-webkit-user-select:none;user-select:none;margin-top:70px;padding-top:10px;padding-left:0;list-style:none}.Nav ul li{cursor:pointer;background:#0000004d;margin-bottom:10px;padding:5px 15px;font-size:calc(10px + 2vmin);transition:border-left 0s .1s;display:inline-block}.Nav ul li:hover{background:#f60}.Nav-Current{border-left:5px solid #f60;padding-left:10px!important}.nav-lines{text-align:left;z-index:1002;cursor:pointer;width:50px;height:50px;padding-top:6px;transition:left .1s;display:inline-block;position:fixed;top:15px;left:15px}.nav-lines .line{background:#fff;border-radius:4px;width:100%;height:7px;margin-bottom:9px;transition:left .35s;display:block;position:relative}.nav-menu-icon-show{left:-50px}.mp-menu-icon{margin:21px 0 0 17px}.mp-menu-icon div{width:7px;height:7px;transition:all .1s;display:inline-block;position:absolute}.mp-menu-icon .block{background:#f60}.mp-menu-icon-show{opacity:1;z-index:1001;cursor:pointer;transition:opacity .25s .12s;display:inline-block;position:absolute}.mp-menu-icon-hide{opacity:0;pointer-events:none}.Showcase{position:relative}.Showcase-image-container{text-align:center;z-index:2;position:relative}.Showcase-image-container img{-webkit-user-select:none;user-select:none;border:1px solid #222;width:1000px;max-width:90%;height:auto;max-height:90%}.Showcase-logo-section{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.Showcase-logo-section .Page-logo div{height:17px}.Showcase-logo-section .Preface-logo{z-index:10;transition:top .5s;animation:.5s 1s forwards slideLogo;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes slideLogo{to{top:calc(50% - 70px)}}.Showcase-logo-text{text-align:center;color:#fff;margin-top:20px;font-size:18px}.Showcase-button{color:#fff;cursor:pointer;background:#fff3;border:none;padding:10px 20px;font-size:16px;transition:right .2s;position:absolute;top:50%;transform:translateY(-50%)}.Showcase-button.Epilogue-button{opacity:0;animation:.15s forwards epilogueButtonFade,.5s 1s epilogueButtonSlide;right:-130px}@keyframes epilogueButtonFade{0%{opacity:0}to{opacity:1}}@keyframes epilogueButtonSlide{0%{right:-130px}50%{right:-140px}to{right:-130px}}.Showcase-button.Epilogue-button:hover{right:-140px}.Showcase-counter{color:#fff;z-index:20;background:#000000b3;border:none;padding:10px 20px;font-size:18px;font-weight:700;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.Tech{position:relative}.Tech p,.Tech div{z-index:2}.Tech-intro{margin-bottom:30px}.Tech-intro-mobile-break{display:none}.Tech img{height:70px;margin:0 10px}.Tech-php,.Tech-mysql,.Tech-aws{margin-top:10px!important}@media only screen and (max-width:640px){.Tech{min-height:auto;margin-top:17px}.Tech-intro-mobile-break{display:block}.Tech-php{margin-top:0!important}.Tech-mysql{margin-top:-5px!important}.Tech-aws{margin-top:5px!important}}.Tech div{margin-bottom:50px}.Tech-headings{padding:10px}.Tech-headings-note{background:#222;margin:0 0 15px;padding:10px;font-size:calc(6px + 1vmin)}.Tech img{max-width:80px;height:auto;max-height:60px}@media only screen and (max-width:640px){.Tech img{max-height:35px}}@media only screen and (max-width:400px){.Tech img{max-height:25px}}.ttStyle:after{content:"";border:6px solid #0000;border-top-color:#444;margin-left:-6px;position:absolute;top:100%;left:50%}