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;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:400;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#wrapper{overflow:hidden}canvas{background:#fff;line-height:0}body,html{height:100%}#wrapper{background:#fff}body{background-color:#f7f7f7}#wrapper{top:25px;right:25px;left:25px;bottom:25px;position:fixed}@media all and (min-width:700px){#wrapper{top:40px;right:40px;left:40px;bottom:40px;position:fixed}}#content{background:rgba(0,0,0,.25);width:100%;height:100%;top:0;position:absolute;margin:0;text-align:center;overflow:auto;display:-webkit-box;display:-moz-box;display:-ms-box;display:box;-webkit-box-align:center;-moz-box-align:center;-ms-box-align:center;box-align:center;display:-webkit-flex;-webkit-align-items:center;display:flex;align-items:center}#content .text{width:100%;line-height:1.25;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1.25rem;padding:0 1em}#content .text .links{margin-top:1.125rem;display:block}#content .text .links a{font-size:1.125rem;display:inline-block;margin-right:.5em}#content .text .links a:last-child{margin-right:0}@media all and (min-width:700px){#content .text{font-size:5vw;padding:0 8vw}}#content.hide{display:none;-webkit-animation-name:fadeout;-moz-animation-name:fadeout;-o-animation-name:fadeout;animation-name:fadeout;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}#content.show{-webkit-animation-name:fadein;-moz-animation-name:fadein;-o-animation-name:fadein;animation-name:fadein;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}@-moz-keyframes fadein{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeout{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeout{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}body{-webkit-animation-name:fadein;-moz-animation-name:fadein;-o-animation-name:fadein;animation-name:fadein;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}body{font-family:Futura;color:#222;text-rendering:optimizeLegibility}h1{font-size:12px;top:1px;line-height:25px;padding-left:25px}@media all and (min-width:700px){h1{font-size:15px;top:1px;line-height:40px;padding-left:40px}}h1{-webkit-transition:opacity .25s;-moz-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s;display:inline-block;color:#444;opacity:.7;font-weight:400;-webkit-tap-highlight-color:transparent}h1:hover{opacity:.8}h1.using-to-show{opacity:.4}h1:active,h1:focus{opacity:.6;background-color:transparent}h1:hover{cursor:pointer}#work{text-decoration:line-through;opacity:.25;cursor:default}a{line-height:1.15;display:inline-block;color:inherit;text-decoration:none;border-bottom:1px solid #333}@media all and (min-width:700px){a{border-bottom:3px solid #333}}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1)}