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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top}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}*{-moz-box-sizing:border-box;box-sizing:border-box}h1{padding-bottom:calc(10px + 3vmin)}p{padding-bottom:calc(10px + 1vmin)}html{background-color:#1d1d1b;height:100%;width:100%}body{position:relative;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;overflow:hidden;transition:all .5s ease;height:100%;width:100%}.Nav,.Main{font-size:calc(10px + 1vmin);color:#fff}.Main{position:fixed}.background-video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.background-video{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.Page{position:absolute;display:inline-block;text-align:center;padding:10px}.Page-logo{position:relative;display:inline-block;width:608px;height:112px}@media only screen and (max-width: 640px){.Page-logo{width:288px}}.Page-logo div{position:absolute;display:inline-block;width:16px;height:16px;transition:all .1s ease;z-index:2}.Page-logo .block{background:#f60}.full-height{min-height:100vh}.center{display:flex;flex-direction:column;align-items:center;justify-content:center}.h-70{display:inline-block;width:70%}@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{position:fixed;bottom:0;left:0;width:100%;text-align:center;padding:10px;font-size:calc(5px + 1vmin);color:#fff3;z-index:999;pointer-events:none}::-webkit-scrollbar{width:0}.About{position:absolute;left:0;margin-top:100px;background:#06c;color:#1d1d1b;text-align:left;padding:50px 30px 30px;z-index:2}.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{font-size:50px;color:#fff;text-align:left}.About a{color:#fff;text-decoration:none}.About-content-1{display:inline-block;width:49%;padding-right:1%}.About-content-2{display:inline-block;width:49%;padding-left:1%}@media only screen and (max-width: 640px){.About-content-1,.About-content-2{display:block;width:100%;padding:0}.mobile-hide{display:none}}.Arrow-icon{position:absolute;top:60px;right:-20px;width:400px;height:400px;cursor:pointer;z-index:1;transition:.1s ease-in-out}.Arrow-Home:hover{top:30px;right:-50px}.Arrow-About{transform:rotate(-70deg);top:480px;right:0}.Arrow-About:hover{top:450px;right:10px}.Arrow-Clients{transform:rotate(115deg);top:450px;right:10px}.Arrow-Clients:hover{top:480px;right:0}.Arrow-Showcase{transform:rotate(225deg);top:500px;left:10px}.Arrow-Showcase:hover{left:-20px}.Arrow-Skills{transform:rotate(-285deg);top:500px;right:50px}.Arrow-Skills:hover{top:530px;right:20px}.Arrow-Demos{transform:rotate(-70deg);top:20px;left:70px}.Arrow-Demos:hover{top:-10px;left:60px}.Clients{position:relative;pointer-events:none;z-index:2}@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{height:50px;max-width:200px;margin:20px 10px;vertical-align:middle;pointer-events:auto}@media only screen and (max-width: 640px){.client-logo{max-height:50px;max-width:120px;height:auto;margin:10px}}.Contact .contact-methods a{color:#fff;text-decoration:none;margin:auto 15px}.Contact .contact-methods a svg{font-size:48px}.Contact .contact-methods a.bigger svg{font-size:56px;margin-top:-4px}.Contact .contact-methods a:hover{color:#f80}.accreditations{position:absolute;display:block;width:100%;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{position:relative;display:inline-block;overflow:hidden;z-index:1}.Example{position:relative;display:inline-block;width:300px;height:300px;z-index:2}.codeWall{height:100%;width:100%;line-height:1.5;background-size:300% auto}.code{position:absolute;display:inline-block;left:0;padding:30px 15px;text-align:center;font-size:18px;color:#c6e2ff}.on{animation:flicker 1.5s infinite alternate}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 2px rgba(202,228,225,.92),0 0 10px rgba(202,228,225,.34),0 0 4px rgba(30,132,242,.52),0 0 7px rgba(30,132,242,.92),0 0 11px rgba(30,132,242,.78),0 0 16px rgba(30,132,242,.92)}20%,24%,55%{text-shadow:none}}.timeBlocks{display:inline-block;width:100%;height:100%;padding-top:20px;background:#222;cursor:pointer}.timeBlocksBox{display:inline-block;width:72px}.timeBlockVisible{display:inline-block;width:20px;height:20px;margin:2px;background-color:#f60}.timeBlockHidden{display:inline-block;width:20px;height:20px;margin:2px;background-color:#444}@media only screen and (max-width: 1080px){.notDesktopHide{display:none}}.Home-intro{width:608px;height:50px;font-size:calc(10px + 2vmin);text-align:left;z-index:3}.Home-intro-company{width:608px;height:40px;padding-top:20px;font-size:calc(8px + 1vmin);text-align:center;color:#666;z-index:3}.Home-intro-company .pipe{display:inline-block;height:22px;width:1px;background:#333;margin:0 15px}@media only screen and (max-width: 640px){.Home-intro{width:288px;height:25px}}.Home-availability{position:relative;display:inline-block;margin-top:20px;font-size:calc(10px + .5vmin);cursor:pointer;z-index:4}.Home-availability .tag{display:inline-block;background:#333;padding:5px}.Home-availability .date{color:#888;padding:10px 5px 0}.Home-availability .statusAvailable{display:inline-block;background:#050;padding:5px}.Home-availability .statusUnavailable{display:inline-block;background:#b00;padding:5px}.Nav{position:fixed;top:0;left:0;text-align:left;transition:opacity .15s ease;z-index:1000}.Nav ul{margin-top:70px;padding-top:10px;list-style:none;padding-left:0;-webkit-user-select:none;user-select:none}.Nav ul li{font-size:calc(10px + 2vmin);padding:5px 15px;cursor:pointer;display:inline-block;background:#0000004d;margin-bottom:10px;transition:border-left 0s ease;transition-delay:.1s}.Nav ul li:hover{background:#f60}.Nav-Current{border-left:5px solid #f60;padding-left:10px!important}.nav-lines{position:fixed;display:inline-block;width:50px;height:50px;top:15px;left:15px;text-align:left;padding-top:6px;z-index:1000;transition:left .1s ease}.nav-lines .line{position:relative;display:block;width:100%;height:7px;margin-bottom:9px;border-radius:4px;background:#fff;transition:left .35s ease}.nav-menu-icon-show{left:-50px}.mp-menu-icon{margin:21px 0 0 17px}.mp-menu-icon div{position:absolute;display:inline-block;width:7px;height:7px;transition:all .1s ease}.mp-menu-icon .block{background:#f60}.mp-menu-icon-show{position:absolute;display:inline-block;transition:opacity .25s ease;transition-delay:.12s;opacity:1;z-index:1001;cursor:pointer}.mp-menu-icon-hide{opacity:0}.Showcase{position:relative}.Showcase-image-container{position:relative;text-align:center;z-index:2}.Showcase-image-container img{width:1000px;height:auto;max-width:90%;max-height:90%;border:1px solid #222;-webkit-user-select:none;user-select:none}.Showcase-logo-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.Showcase-logo-section .Page-logo div{height:17px}.Showcase-logo-section .Preface-logo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);transition:top .5s ease;z-index:10;animation:slideLogo .5s ease 1s forwards}@keyframes slideLogo{to{top:calc(50% - 70px)}}.Showcase-logo-text{text-align:center;margin-top:20px;font-size:18px;color:#fff}.Showcase-button{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;padding:10px 20px;cursor:pointer;font-size:16px;transition:right .2s ease}.Showcase-button.Epilogue-button{right:-130px;opacity:0;animation:epilogueButtonFade .15s ease 0s forwards,epilogueButtonSlide .5s ease 1s none}@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{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:10px 20px;border:none;font-size:18px;font-weight:700;z-index:20}.Skills{position:relative}.Skills p,.Skills div{z-index:2}.Skills-intro{margin-bottom:30px}.Skills-intro-mobile-break{display:none}.Skills img{margin:0 10px;height:70px}.Skills-php,.Skills-mysql,.Skills-aws{margin-top:10px!important}@media only screen and (max-width: 640px){.Skills{min-height:auto;margin-top:17px}.Skills-intro-mobile-break{display:block}.Skills-php{margin-top:0!important}.Skills-mysql{margin-top:-5px!important}.Skills-aws{margin-top:5px!important}}.Skills div{margin-bottom:50px}.Skills-headings{padding:10px}.Skills-headings-note{padding:10px;margin:0 0 15px;font-size:calc(6px + 1vmin);background:#222}.Skills img{max-width:80px;max-height:60px;height:auto}@media only screen and (max-width: 640px){.Skills img{max-height:35px}}@media only screen and (max-width: 400px){.Skills img{max-height:25px}}.ttStyle:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:#444 transparent transparent transparent}