body{font-family:sans-serif;margin:0;padding:0}.App{font-family:Roboto}.Web{display:flex;margin:0;min-height:100vh}h1{font-family:Roboto Slab;font-size:24px}h1,h2{font-weight:300;line-height:16px}h2{font-size:18px}p{font-size:14px;line-height:18px}a{color:#000;text-decoration:none}a:hover{color:#1e90ff}.home{align-items:center;height:40vh;justify-content:center;overflow:hidden;position:relative;transition:flex .4s ease-in-out;white-space:nowrap}.home,.portfolio{display:flex;flex-direction:column}.portfolio{flex:3 1}.phoneRow>div{height:20vh}.projectWrapper{height:30vh;overflow:hidden;width:100%}.slideReel{cursor:pointer;display:flex;flex-direction:row;height:inherit;position:relative;transition:left .4s ease-in-out;width:200%}.infoHidden{left:0}.infoVisible{left:-100%}.previewWrapper{align-items:center;display:flex;height:inherit;justify-content:center;text-align:center;width:100%}video{border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.8)}.loader{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:spin;animation-name:spin;font-family:Roboto Slab;font-size:70px;opacity:1;text-align:center;transition:opacity 1;width:100%}.loader.hide{display:none;opacity:0}.videoPreview.isLoading{display:none}.videoPreview{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:fadeIn;animation-name:fadeIn}.imagePreview{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.projectPreview,.projectPreview>div{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;box-shadow:inset 0 0 10px rgba(0,0,0,.2);color:#fff;width:auto}.projectInfo,.projectInfo>div,.projectPreview,.projectPreview>div{display:flex;flex:1 1;height:inherit;overflow:hidden;transition:flex .4s ease-in-out;white-space:nowrap}.projectInfo,.projectInfo>div{box-shadow:inset 0 0 5px rgba(0,0,0,.2);color:#000;width:100%}.info{background-color:#fff;flex:1 1;overflow:hidden;white-space:nowrap}.hide-desk{display:block}.hide-mobile{display:none}.mob-video{background-color:#fff;display:flex;height:300px;justify-content:center;overflow:hidden;position:relative;width:100%}.mob-video video{height:inherit;object-fit:cover;position:absolute}.x-mark-container{justify-content:flex-end}.x-mark{cursor:pointer;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.x-mark:hover{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.app-name{color:#fff;font-family:Roboto;font-size:20px}.app-title{font-family:Roboto Slab;font-size:20px;font-weight:300;padding:16px 0}.app-title a{font-size:12px;padding-left:10px;text-decoration:none}.app-title a:hover{text-decoration:underline}.tech-details{font-family:Roboto Slab;font-size:16px;padding:8px 0}.info-inner{line-height:18px;margin:0 auto;overflow:hidden;text-align:left;width:80%}.info-container{display:inline-flex;flex-direction:column;height:100%;justify-content:center;margin:0;width:100%}.info-inner p{margin:0}.info-title-container{display:flex;flex-direction:row;justify-content:center;overflow:hidden}.info-title-container div{align-items:center;display:flex;flex:1 1}hr{border:1px solid #000;margin-left:0;width:90%}.paintByCountyWrapper hr{border:1px solid #041045}.paintByCountyPreview{background:#ffe09e}.paintByCountyPreview video{-webkit-filter:brightness(1.75);filter:brightness(1.75)}.memeCasedWrapper hr{border:1px solid #000}.memeCasedPreview{background:#f76053}.memeCasedPreview .previewWrapper{margin:0 auto;width:85%}.plusItWrapper hr{border:1px solid #fcab41}.plusItPreview{background:#fcab41;height:inherit}.accutypeWrapper hr{border:1px solid #5c9bf2}.accutypePreview{background:#5c9bf2;height:inherit}.thickitWrapper hr{border:1px solid #5fac5f}.thickitPreview{background:#5fac5f;height:inherit}@media only screen and (min-width:950px){.App{flex-direction:row;height:100vh;margin:0;width:100%}.slideReel{min-height:40vh}.projectWrapper{height:auto}.hide-desk{display:none}.hide-mobile{display:flex}.home{height:inherit;position:static;text-align:center;width:25%}.phoneRow,.webRow{display:flex;flex-direction:row}.webRow{height:40vh}.phoneRow>div{height:60vh}.imagePreview{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:90%;width:90%}video{cursor:pointer;margin:0 auto;position:relative}ul{list-style:none;margin-top:5px;padding-left:0}.phoneRow video{width:60%}.webRow video{width:90%}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.splash{align-items:center;background:#111;color:#fff;display:flex;min-height:100vh;width:100%}.splash-content{margin:20%}.splash-navigation{display:flex}.splash-nav-element{color:#fff;cursor:pointer;margin-right:10%}.splash-nav-element-disabled{color:#555;cursor:auto;margin-right:10%}.splash-nav-element:hover{color:#fff;text-decoration:underline}.blog{margin:10px auto;width:80%}.header{display:flex;flex-direction:row;margin-top:25px}.header_title{flex:2 1;text-align:left}.blog_title{display:block;font-family:Roboto Slab;font-size:38px}.blog_tagline{color:#333;display:block;font-family:Roboto,sans-serif;font-size:14px;line-height:40px}.header_links{align-items:center;display:flex;flex:1 1;justify-content:flex-end;text-align:right}span{cursor:pointer;margin-right:15px}svg{fill:currentColor;-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}svg:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media screen and (max-width:875px){.header{padding:10px 15px}}@media screen and (max-width:480px){.header{flex-direction:column}.header_links{align-items:center;justify-content:flex-start;padding-top:10px}}.blog_nav{border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3;display:flex;flex-direction:row;margin:10px 0;padding-top:5px;.nav_item{font-family:Roboto Slab;font-size:14px;padding-bottom:5px;padding-right:20px;&:hover{cursor:pointer;text-decoration:underline}}@media screen and (max-width:875px){padding-bottom:10px;padding-left:15px;padding-right:15px;padding-top:10px}}
/*# sourceMappingURL=main.ed0dd133.css.map*/