@font-face{font-family:"Cutive Mono";src:url("../font/CutiveMono.woff")}@font-face{font-family:"Cutive";src:url("../font/Cutive.woff")}html{width:100%;height:100%;margin:0;padding:0;font-family:"Cutive",sans-serif;font-size:16px;text-rendering:optimizeLegibility}body{margin:0;padding:0;background-color:#f9f9f9}a{text-transform:none;color:#3c4a59;text-decoration:none;-webkit-transition:color .1s;-ms-transition:color .1s;-moz-transition:color .1s;-o-transition:color .1s;transition:color .1s}a:hover{border-bottom:2px solid #3c4a59}#wrapper{max-width:100%;margin:0 auto}#navigation{position:fixed;top:0;padding:38px 0 0 0;margin:0 auto;z-index:99;width:100%;position:relative}#navigation a{color:#3c4a59}#navigation a:hover{color:#3c4a59;border-bottom:2px solid tomato}#navigation #sitetitle{font-size:14px;float:left;margin:0 0 0 5%;font-weight:normal}#navigation #sitework{font-size:14px;margin:0 auto;width:45px;position:absolute;top:38px;right:0;left:0;text-align:center;font-weight:normal}#navigation #siteinfo{font-size:14px;float:right;margin:0 5% 0;font-weight:normal}#navigation .active{color:#3c4a59;border-bottom:2px solid tomato}#imageviewer{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;padding:0;width:90%;height:90%;z-index:-2}#imageviewer figure{background-color:transparent;background-size:cover;opacity:0;padding:0;margin:0;-webkit-transition:opacity .5s;-ms-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}#projects{margin:0 auto;padding:0 0 80px 0;font-size:13px;max-width:820px;text-align:center}#projects li{list-style:none;display:block;vertical-align:top;margin:0 auto 150px auto;padding:0;position:relative}#projects li:last-child{margin-bottom:0}#projects li a{height:100%;display:inline-block;-webkit-transition:color .1s;-ms-transition:color .1s;-moz-transition:color .1s;-o-transition:color .1s;transition:color .1s}#projects li a:hover{border:0;color:tomato}.previewText,.previewDetail{display:inline-block}.previewText{font-family:"Cutive",sans-serif;font-size:40px;margin:0}.previewDetail{font-family:"Cutive Mono",monospace}article{margin:0 auto;position:relative;font-family:"Cutive Mono",monospace}@media screen and (max-height:800px){article{padding:60px 0 0 0}article #projects{padding:0 0 40px 0}article #projects li{margin:0 auto 90px auto}article #projects li .previewText{font-size:30px}}@media screen and (min-height:800px){article{padding:100px 0 0 0}article #projects{padding:0 0 40px 0}article #projects li{margin:0 auto 80px auto}article #projects li .previewText{font-size:40px}}@media screen and (min-height:1000px){article{padding:100px 0 0 0}article #projects{padding:0 0 40px 0}article #projects li{margin:0 auto 60px auto}article #projects li .previewText{font-size:30px}}@media screen and (min-width:1280px) and (max-height:840px){article{padding:60px 0 0 0}article #projects{padding:0 0 40px 0}article #projects li{margin:0 auto 90px auto}article #projects li .previewText{font-size:30px}}@media screen and (min-width:1280px) and (min-height:840px){article{padding:100px 0 0 0}article #projects{padding:0 0 40px 0}article #projects li{margin:0 auto 100px auto}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2){article{padding:100px 0 110px 0}article #projects{padding:0 0 40px 0}article #projects li{margin:0 auto 70px auto}}@media only screen and (min-device-width:320px) and (max-device-width:480px){#navigation{position:relative;padding:0}#navigation .active{color:tomato}#navigation #sitetitle{display:none}#navigation #sitework,#navigation #siteinfo{font-size:18px;position:absolute;font-weight:normal;top:14px;padding:0;margin:0}#navigation #sitework{text-align:left;left:5%;right:inherit;width:auto}#navigation #siteinfo{right:5%;text-align:right}article{padding:84px 0 24px 0}article #projects{margin:0 auto;max-width:90%}article #projects li{margin:0 auto 90px auto}article #projects .previewText{line-height:2.2rem;font-size:30px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){#projects li{margin:0 auto 94px auto}article{padding:70px 0 0 0}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){#projects li{margin:0 auto 94px auto}article{padding:70px 0 0 0}}