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