@-webkit-keyframes slideUp{0%{right:17px;bottom:-4vh}to{right:17px;bottom:7px}}@keyframes slideUp{0%{right:17px;bottom:-4vh}to{right:17px;bottom:7px}}@-webkit-keyframes slideDown{0%{opacity:0;right:17px;bottom:7px;left:auto}.1%{opacity:1}40%{right:auto;bottom:auto;bottom:-4vh;left:17px}40.1%,50%{top:-60px;left:17px}to{top:17px;left:17px}}@keyframes slideDown{0%{opacity:0;right:17px;bottom:7px;left:auto}.1%{opacity:1}40%{right:auto;bottom:auto;bottom:-4vh;left:17px}40.1%,50%{top:-60px;left:17px}to{top:17px;left:17px}}@-webkit-keyframes slideUpDown{0%{top:17px;left:17px}40%{top:-60px;left:17px}40.1%{bottom:-4vh;right:auto;left:auto}50%{bottom:-4vh}to{right:17px;bottom:7px}}@keyframes slideUpDown{0%{top:17px;left:17px}40%{top:-60px;left:17px}40.1%{bottom:-4vh;right:auto;left:auto}50%{bottom:-4vh}to{right:17px;bottom:7px}}@-webkit-keyframes fadeUp{0%{display:block;margin:17.2vh 1.3vh -17.2vh;opacity:0}12%{opacity:0}to{display:block;margin:1.3vh 0;opacity:1}}@keyframes fadeUp{0%{display:block;margin:17.2vh 1.3vh -17.2vh;opacity:0}12%{opacity:0}to{display:block;margin:1.3vh 0;opacity:1}}@-webkit-keyframes fadeDown{0%{display:block;margin:1.3vh;opacity:1}to{display:block;margin:-17.2vh 1.3vh 17.2vh;opacity:0}}@keyframes fadeDown{0%{display:block;margin:1.3vh;opacity:1}to{display:block;margin:-17.2vh 1.3vh 17.2vh;opacity:0}}@-webkit-keyframes slideIn{0%{left:100vw;right:0}to{left:0}}@keyframes slideIn{0%{left:100vw;right:0}to{left:0}}@-webkit-keyframes slideOut{0%{left:0;right:0}to{left:-100vw;right:100vw}}@keyframes slideOut{0%{left:0;right:0}to{left:-100vw;right:100vw}}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,figure,footer,form,h1,h2,h6,header,hgroup,html,i,iframe,img,ins,kbd,legend,li,mark,menu,nav,object,ol,output,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:inherit;vertical-align:baseline}figcaption,h3,h4,h5,label,p{font:inherit;vertical-align:baseline}h3,h4,h5,p{padding:0;border:0}figcaption,label{margin:0}figcaption{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{line-height:1;overflow-x:hidden}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}html{font-family:'open sans',arial,sans-serif;font-size:100%;line-height:1.5em}body:not(#about){color:#00131f}body#resume a:link,body#resume a:visited{color:#00131f}em{font-style:italic}strong{font-weight:700}h1,h2,h3{line-height:1.125}h1{font-size:21px}h2{font-size:35px}h6,nav h2{line-height:.56}nav h2{grid-column:3/span 4;grid-row:2/span 1;text-align:right;position:relative}h3,h5{text-transform:uppercase;color:#003e66}h3{display:inline-block;margin:21px 0 0;font-size:21px}h4{font-size:13px;line-height:1.666;margin:0 0 8px}h5{margin:7px 0 0;font-size:15px;line-height:1.17;letter-spacing:.5px}h6,header p,nav h2{font-family:"SabonLTPro-Italic",helvetica,monospace}h6{font-size:31px}nav,p{font-family:"Arthura-Light"}p{line-height:1.68;margin:11px 0 21px;font-size:16px}h3,h4,h5,p b,p strong{font-family:"Arthura-Black"}p em,p i{font-family:"Arthura-LightItalic"}h1,h2,p b em,p b i,p em b,p em strong,p i b,p i strong,p strong em,p strong i{font-family:"Arthura-BlackItalic"}header p{font-size:19px}li p{padding-top:2px;font-family:"Arthura-Black";font-size:11px;line-height:1.21;text-transform:uppercase}nav{font-size:12px}figcaption{font-family:monospace;font-size:9.6px;background:#fff;color:lighten(black,20%);padding:15px}blockquote{font-family:"SabonLTPro";line-height:1.5;font-size:1.25rem}nav a:link,nav a:visited{text-decoration:none}body nav h2:after,nav h2:after{content:'';position:absolute;left:0;right:-80px;bottom:0}nav ul{grid-column:1/span 4;grid-row:1/span 1;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:start}nav ul li{margin:21px 12px}body nav h2{grid-column:3/span 4;grid-row:2/span 1;text-align:right;position:relative}body#about nav h2:after{border-bottom:1px solid #fff}body:not(#about) nav h2:after{border-bottom:1px solid #003e66}body:not(#index) nav{grid-column:1/span 5;grid-row:1/span 2;display:grid;grid-template-rows:auto repeat(2,minmax(60px,auto));grid-template-columns:inherit;grid-gap:12px 6px;align-items:end}body:not(#index) nav h2{grid-column:3/span 4;grid-row:2/span 1;text-align:right;position:relative}body:not(#index) nav h2:after{content:'';position:absolute;left:0;right:-80px;bottom:0}body:not(#index) nav ul{grid-column:1/span 4;grid-row:1/span 1;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:start}body:not(#index) nav ul li{margin:21px 12px}#index nav,#portfolio nav{position:fixed;z-index:1;left:0}#index nav input,#index nav label span,#portfolio nav input,#portfolio nav label span{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}#index nav input#open:checked~ul,#portfolio nav input#open:checked~ul{-webkit-animation:slideIn .11s linear 1 running;animation:slideIn .11s linear 1 running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#index nav input#open:checked~ul>li,#portfolio nav input#open:checked~ul>li{-webkit-animation-play-state:running;animation-play-state:running}#index nav input#close:checked~ul,#portfolio nav input#close:checked~ul{left:0;-webkit-animation:slideOut .11s linear .4s 1 running;animation:slideOut .11s linear .4s 1 running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#index nav input#close:checked~ul>li:nth-of-type(1),#portfolio nav input#close:checked~ul>li:nth-of-type(1){-webkit-animation:fadeDown .3s ease-in .1s 1 running;animation:fadeDown .3s ease-in .1s 1 running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#index nav input#close:checked~ul>li:nth-of-type(2),#portfolio nav input#close:checked~ul>li:nth-of-type(2){-webkit-animation:fadeDown .3s ease-in .05s 1 running;animation:fadeDown .3s ease-in .05s 1 running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#index nav input#close:checked~ul>li:nth-of-type(3),#portfolio nav input#close:checked~ul>li:nth-of-type(3){-webkit-animation:fadeDown .3s ease-in 0s 1 running;animation:fadeDown .3s ease-in 0s 1 running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#index nav svg,#portfolio nav svg{display:block;margin:-2px auto 0}#index nav ul,#portfolio nav ul{-webkit-animation:slideIn .11s linear 1 paused;animation:slideIn .11s linear 1 paused;position:relative;background:rgba(255,255,255,.7);display:flex;align-items:center}#index nav li,#portfolio nav li{padding-bottom:3px;-webkit-animation-name:fadeUp;animation-name:fadeUp;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#index nav h6,#portfolio nav h6{border-bottom:1px solid #003e66}#index nav a:link,#index nav a:visited,#portfolio nav a:link,#portfolio nav a:visited{color:#003e66}label{cursor:pointer;width:26px;height:26px;position:fixed;border:0;padding:11px;box-sizing:content-box;left:auto;top:auto;bottom:-10vh;-webkit-animation:slideUp .3s linear 1s 1 normal running forwards;animation:slideUp .3s linear 1s 1 normal running forwards}label[for=open]{z-index:30}label[for=close]{z-index:20}@media screen and (min-width:680px){h1,h6{font-size:49px}h2{font-size:64px}h3{font-size:25px}header p{font-family:"SabonLTPro-Italic",helvetica,monospace;font-size:23px}nav ul{grid-template-columns:repeat(12,minmax(36px,auto));grid-template-rows:auto minmax(37vh,248px) minmax(60px,auto);grid-row:auto/span 2;grid-column:1/span 12}nav ul h2{grid-column:8/span 4}body:not(#index) nav{grid-template-columns:repeat(12,minmax(36px,auto));grid-template-rows:auto minmax(37vh,248px) minmax(60px,auto);grid-row:auto/span 2;grid-column:1/span 12}body:not(#index) nav h2{grid-column:8/span 4}}@media only screen and (min-width:1024px){h1{font-size:67px}h4{font-size:17px}}@media screen and (min-aspect-ratio:8/7){h1{font-size:7vh}#index nav,#portfolio nav{right:50vw;top:0;bottom:0;z-index:1}#index nav ul,#portfolio nav ul{flex-flow:column nowrap;justify-content:center;height:100vh;width:50vw;left:50vw}#index nav li,#portfolio nav li{flex:0 0 auto;margin:1.3vh;width:31vw}}@media screen and (max-aspect-ratio:7/8) and (min-width:680px) and (max-width:1024px){h1{font-size:21px}}@media screen and (min-width:1280px){nav ul h2{grid-column:9/span 4}body:not(#index) nav h2{grid-column:9/span 4}}@media screen and (min-aspect-ratio:699/799) and (max-aspect-ratio:799/699){#index nav,#portfolio nav{top:0;right:0;bottom:50vh;z-index:2}#index nav label,#portfolio nav label{bottom:53vh}#index nav ul,#portfolio nav ul{flex-flow:row nowrap;justify-content:space-evenly;height:50vh;width:100vw;left:100vw}#index nav li,#portfolio nav li{flex:0 0 30vw;min-height:98px}}@media screen and (max-aspect-ratio:7/8){#index nav,#portfolio nav{position:absolute;bottom:0;right:0;top:0;height:100vh}#index nav ul,#portfolio nav ul{flex-flow:column nowrap;justify-content:center;margin-top:50vh;height:50vh;outline:1px solid salmon}#index nav li,#portfolio nav li{flex:0 0 auto;margin:1.3vh;width:60vw}}