@import url(//fonts.googleapis.com/css?family=Oswald:400,300,700);@import url(//fonts.googleapis.com/css?family=Lora:400,700,400italic);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,hgroup,html,i,iframe,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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{overflow-y:scroll;background:#fff;height:100%}embed,img,object,video{max-width:100%}.ie6 embed,.ie6 img.full,.ie6 object.full,.ie6 video{width:100%}body{font-family:Lora,Times New Roman,Times,serif;font-size:1em;line-height:1.618em;color:#333}h1,h2,h3,h4,h5,h6{font-family:Oswald,Arial,sans-serif;margin-bottom:.809em;line-height:1em}h2,h3,h4,h5,h6{font-weight:300}blockquote,dl,ol,p,ul{font-size:1em;line-height:1.618em;margin-bottom:1.618em;max-width:30em}ul{list-style-type:disc}ol,ul{margin-left:1.618em}ol{list-style-type:decimal}nav ol,nav ul{list-style:none;margin:0;padding:0}b,strong{font-weight:700}em,i{font-style:italic}small{font-size:80%}a,a:visited{outline:none;color:#439bbd;text-decoration:underline}a:hover{text-decoration:none}a:active,a:focus,a:hover{outline:none}body{height:100%;text-align:center}h1{font-size:3.236em;margin-bottom:.5em}h2{font-size:2.5888em}h3{font-size:2.1034em}h4{font-size:1.618em}h5{font-size:1.2944em}h6{font-size:.9708em}#mobile-check{display:none;opacity:1}#container{padding:0 .809em;max-width:30em;margin:auto;min-height:100%}#container ul{list-style:none;margin:0 auto}#container a{color:#333;text-decoration:none}.invisible{opacity:0}header{border-bottom:1px solid #999;margin:2em 0 0;padding-bottom:.5em;transition:opacity 1s ease}header img{max-width:15em;margin:1em 0}header h4{margin-bottom:0}header ul{padding:.2em 0 .3em}header ul li{display:inline-block;padding:.2em .5em 0}header ul li:first-of-type{display:block}#main{transition:opacity 1s .5s ease}#main>div{border-bottom:1px solid #999;margin-bottom:2em}#main>div:last-of-type{margin-bottom:0;border-bottom:0}#main p{margin:0 auto 1em}#about li{margin-bottom:.2em}#skills .centered>div{font-size:0}#skills ul{font-size:1rem;margin-bottom:1.618em;display:inline-block;vertical-align:top;width:50%;min-width:14em}#skills ul:last-of-type{margin-bottom:0}#skills ul h4{margin-bottom:.4045em}#projects li{margin-bottom:2.427em}#projects img{display:block}#projects input{display:none}#projects h4{margin-top:.5em;margin-bottom:.5em;position:relative}#projects h4 a{position:absolute;top:50%;transform:translateY(-35%);color:#666;font-size:.8em}#projects h4 a:hover{color:#000}#projects h4 a:nth-of-type(2){margin-left:1.3em}#projects p a{font-weight:600}#projects p span{font-size:.9em;color:#555;font-style:italic}.pagedown,.pageup{display:none}.centered{margin:1.5em 0}.cf:after{content:"";display:table;clear:both}@media screen and (min-width:48.236em){#mobile-check{opacity:0}#container{padding:0 1.618em;margin:0 auto}#container,header{max-width:60em;height:100%}header{position:fixed;left:50%;transform:translateX(-8.309em);transition:opacity 1s ease;width:100%;border:0;margin:0}header>div{width:15em;margin-left:1.618em;position:absolute;top:50%;transform:translateY(-50%);padding:1em 0}.responsive-header>div{position:static;transform:none}.responsive-header.scrolled{position:fixed}#main{height:100%;margin-left:16.618em}#main>div{height:100%;min-height:25em;margin-bottom:0;position:relative}#main .arrow{min-height:3em;height:15%;max-height:7em;display:block;padding:0 .5em;position:absolute;left:50%;transform:translateX(-50%);transform-style:preserve-3d;width:100%}#main .arrow span{opacity:.4;transition:opacity .3s ease;cursor:pointer;border:1px solid #333;border-radius:13%;font-weight:100}#main .pageup{top:0}#main .pageup span{margin-top:.5em;padding:.5em}#main .pageup .arrow-helper{top:.6em}#main .pagedown{bottom:0;padding-bottom:1em}#main .pagedown span{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding:.5em;margin-bottom:.5em}#main .pagedown .arrow-helper{bottom:.8em}#main .arrow:hover span{opacity:.8}#main .arrow-helper{opacity:0;position:absolute;border:1px solid #999;border-radius:6%;max-height:1.618em}#main .arrow-helper h6{padding:.258em .4em .36em}.centered{position:absolute;margin:0;padding:1.5em 0;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}#skills ul{width:33%;min-width:initial}#projects .centered{top:15%;transform:translateX(-50%)}#projects li{margin:2.5em 0}#projects li h6,#projects li p{display:none;opacity:0}#projects img{border:1px solid #ccc;max-height:0;transition:max-height .4s ease}#projects h4{margin:.3em 0}#projects h4 a{transform:translate(-.3em,-35%);display:none}#projects label{padding:.1em .5em;border:1px solid #ccc;border-radius:.1em;transition:border .1s ease;cursor:pointer}#projects input:checked~img{max-height:20em;margin-top:.7em}#projects input:checked~h6,#projects input:checked~p{display:block;opacity:1}#projects input:checked~h4 label{border:0;cursor:auto}#projects input:checked~h4 a{display:inline}}@media screen and (min-width:48.236em) and (max-height:30em){#main .pagedown,#main .pageup{display:none}}@media screen and (min-width:48.236em) and (max-height:27em){#projects img{max-height:none}#projects label{border:0;cursor:auto}#projects h6,#projects p{display:block;opacity:1}#projects li{margin-bottom:3.236em}#projects input:checked~img{max-height:none}#projects input:checked~p{margin-bottom:0}}@media screen and (min-width:63.236em){#main{margin-left:19.854em}}