@font-face{font-family:'Striped-Bold';src:url(../fonts/Striped-Bold.woff2) format('woff2'),url(../fonts/Striped-Bold.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:'Sharpen-Bold';src:url(../fonts/Sharpen-Bold.woff2) format('woff2'),url(../fonts/Sharpen-Bold.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:'Subtract-Bold';src:url(../fonts/Subtract-Bold.woff2) format('woff2'),url(../fonts/Subtract-Bold.woff) format('woff');font-weight:400;font-style:normal}.subtract{font-family:Subtract-Bold,serif}.sharpen{font-family:Sharpen-Bold,serif}.striped{font-family:Striped-Bold,serif}body{background:#333;overflow-y:scroll;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif}body,html{margin:0;padding:0}a:hover{cursor:pointer}.titleWrap{text-align:center;margin-bottom:20px;min-width:300px}.rightText{float:right;text-align:right;opacity:.5}.menu{text-align:left;width:1140px;margin-right:auto;margin-left:auto;color:#fff;font-size:20px;font-weight:700;opacity:0}.menu a,.menu a:visited{display:inline-block;text-decoration:none;color:#fff;transition:opacity .5s ease;opacity:.5}.menu a:active,.menu a:hover{opacity:1!important}.title{font-size:0;opacity:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.title div,.title span{font-size:100px;width:100px;margin:0;display:inline-block;text-align:center;color:#fff;transition:opacity .5s ease}.hide,.zoomBox:hover>.zoomBoxImage,.zoomBoxTouch>.zoomBoxImage{opacity:0}.visualizer{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:-o-crisp-edges;image-rendering:pixelated}.content{transition:all .5s ease;height:0;width:1000px;opacity:0;margin-right:auto;margin-left:auto;margin-top:20px;overflow:hidden;font-size:0}.contentFrame{visibility:hidden}.showContent,.zoomBox:hover>.zoomBoxText,.zoomBoxTouch>.zoomBoxText{opacity:1}.contentSubTitle,.contentTitle{display:block;font-size:30px;text-align:center;color:#fff}.contentSubTitle{font-size:18px}.zoomBox{height:300px;width:46%;margin:2%;display:inline-block;overflow:hidden;position:relative;background:#000;z-index:0}.zoomBoxImage,.zoomBoxImageBlur{height:100%;width:100%;position:absolute;top:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:10;transition:all .5s ease}.zoomBoxImageBlur{z-index:9}.zoomBoxText{font-size:50px;color:#fff;z-index:20;position:relative;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .5s ease}.zoomBoxLinks{font-size:20px}.zoomBoxLinks a,.zoomBoxLinks a:visited{display:inline-block;color:#fff;text-decoration:none;transition:opacity .5s ease}.zoomBoxLinks a:active,.zoomBoxLinks a:hover{opacity:.5}.screenshot{max-width:96%;margin:2%}.masonry{-webkit-column-gap:2px;-moz-column-gap:2px;column-gap:2px;padding:2px;-webkit-columns:2;-moz-columns:2;columns:2;-webkit-transform:translateZ(0);transform:translateZ(0);box-sizing:border-box}.masonry .masonry-item{width:100%;display:block;border-bottom:2px solid transparent}.projectBack{display:block;font-size:20px;color:#fff;font-weight:700}.contactForm{padding:20px;max-width:600px;margin-left:auto;margin-right:auto}.formField{display:block;width:100%;margin-bottom:20px;font-size:20px;background:rgba(255,255,255,.3);border:none;padding:5px;font-weight:700;color:#fff;box-sizing:border-box}.formError{border-color:#d53a33}.button{display:block;width:100%;font-size:20px;background:rgba(255,255,255,.3);border:solid #fff 2px;padding:10px;font-weight:700;color:#fff;box-sizing:border-box}.button:hover{background:rgba(255,255,255,.6)}.button:active{background:rgba(255,255,255,.9)}::-webkit-input-placeholder{color:#fff}:-moz-placeholder,::-moz-placeholder{color:#fff;opacity:1}:-ms-input-placeholder,::-ms-input-placeholder{color:#fff}@media (max-width:1280px){.title div,.title span{font-size:80px;width:80px}.content{width:90%}.menu{width:900px}}@media (max-width:1000px){.title div,.title span{font-size:60px;width:60px}.zoomBox{width:96%}.menu{width:700px;font-size:18px;margin-top:-10px}}@media (max-width:770px){.title div,.title span{font-size:70px;width:70px}#spacer{display:block;font-size:0;height:10px}.menu{width:450px;font-size:18px;text-align:center;margin-top:-5px}.rightText{display:block;float:none;text-align:center}}@media (max-width:576px){.title div,.title span{font-size:50px;width:50px}#spacer{display:block;font-size:0;height:10px}.menu{width:320px;font-size:18px;text-align:center}.menu a{font-size:20px;margin-top:5px}.rightText{display:block;float:none;text-align:center}.zoomBoxText{font-size:40px}}@media (max-width:352px){.title div,.title span{font-size:40px;width:40px}#spacer{display:block;font-size:0;height:10px}.menu{width:260px;font-size:18px;text-align:center}.menu a{font-size:20px;margin-top:5px}.rightText{display:block;float:none;text-align:center}.zoomBoxText{font-size:30px}}