html,body,body div,span,h1,h2,h3,h4,h5,h6,p,blockquote,abbr,address,cite,code,del,dfn,em,figcaption,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,address,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box}address,article,aside,figure,footer,header,hgroup,nav,section{display:block}body{margin:0;padding:2rem;min-height:100vh;-webkit-font-smoothing:antialiased;background:#41bceb}hr{width:100%;height:1px;margin:2rem 0;padding:0;border:0;background:rgba(255,255,255,0.3)}hr.sm{width:20%;margin:0 auto 2rem auto}img{max-width:100%}@media (min-width: 770px){body{padding:6rem}}a{-webkit-transition:color 0.3s ease, background 0.3s ease;transition:color 0.3s ease, background 0.3s ease}a img{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}a:link,a:visited{color:white;text-decoration:none}.button{font-family:"milo-font", "Helvetica Neue", Helvetica, sans-serif;font-size:1.2rem;color:white;background:rgba(255,255,255,0.2);display:inline-block;border:none;padding:.8rem 3rem;border-radius:4rem}.button.sm{padding:.6rem 1.5rem}::-moz-selection{background:#41bceb}::selection{background:#41bceb}@media (hover: hover){a:hover{color:rgba(255,255,255,0.5)}address a:hover img{opacity:.5}a.button:hover{color:white;background:rgba(255,255,255,0.4)}}dl,figcaption,h1,h2,h3,p,ul{margin:0 0 1rem 0}cite,dd,dt,figcaption,li,p{font-family:"milo-font", "Helvetica Neue", Helvetica, sans-serif;font-size:1rem;line-height:1.4;color:rgba(255,255,255,0.8)}cite strong,dd strong,dt strong,figcaption strong,li strong,p strong{font-family:"milo-font-display", "Helvetica Neue", Helvetica, sans-serif;color:white}.portfolio-details figcaption{font-size:1.25rem;line-height:1.3}dl{margin-bottom:2rem}dl dd{font-size:1.25rem;line-height:1.3;margin:0 0 2rem 0}dl dt{font-family:"milo-font-display", "Helvetica Neue", Helvetica, sans-serif;font-size:2rem;line-height:1.1;margin-bottom:1rem}dl dt em{font-style:normal;color:rgba(255,255,255,0.5)}h1,h2,h3{font-family:"milo-font-display", "Helvetica Neue", Helvetica, sans-serif;font-weight:normal;color:white}h1{font-size:3.5rem;line-height:1.2}h1 em{font-style:normal;color:rgba(255,255,255,0.5)}.portfolio-topper h1{font-size:1.25rem}h2{font-size:1.1rem;margin-top:3rem;text-transform:uppercase;position:relative;padding-bottom:1.25rem;margin-bottom:2rem}h2:after{content:"";width:2.25rem;height:.25rem;background:rgba(255,255,255,0.5);position:absolute;bottom:0;left:0}h3{font-size:1rem;text-transform:none}@media (min-width: 770px){dl{margin-bottom:3rem}dl dd{font-size:2rem}dl dt{font-size:3.25rem}h1{font-size:9rem;line-height:1;margin-bottom:4rem}.portfolio-details figcaption{font-size:2rem}.portfolio-topper h1{font-size:4rem;margin-bottom:6rem}h2{font-size:1.7rem;margin-top:6rem;margin-bottom:3rem}h2:after{width:4rem;height:.25rem}}.align-center{text-align:center}footer{padding-top:6rem}header{margin-bottom:1rem}header .portfolio-topper{position:relative;margin-bottom:3rem}header .portfolio-topper h1,header .portfolio-topper p{line-height:1}header .portfolio-topper h1{text-align:center}header .portfolio-topper p{position:absolute;top:50%;left:0;margin-top:-.6rem}header .portfolio-topper p a em{display:none}header .portfolio-topper p a img{width:auto;height:1.25rem}header section{display:flex;justify-content:space-between}header section address{text-align:right;font-style:normal;padding-top:.75rem}header section address .contact{line-height:1.75}header section address .contact a{display:block}header section address .icons a img{width:2.5rem;height:auto}header section address .icons a:first-child{margin:0 1rem .25rem 0}header section figure img{border-radius:50%;width:8rem;height:auto}main p{font-size:1.5rem}.portfolio-details figure figcaption{margin:1rem 0 3rem 0}.portfolio-details .port-tabs{display:none}@media (min-width: 770px){header,main,footer{max-width:1000px;margin:0 auto}header{margin-bottom:4rem}header .portfolio-topper p{margin-top:-.9rem}header .portfolio-topper p a img{height:2rem}header section address{padding-top:3rem}header section address .contact{font-size:1.3rem;line-height:1.5}header section address .contact .resume{font-size:1.2rem;padding-top:.5rem;font-family:"milo-font-display", "Helvetica Neue", Helvetica, sans-serif}header section address .icons a img{width:2.5rem}header section address .icons a:first-child{margin-right:1rem}header section figure img{width:19rem}main p{font-size:2.5rem;line-height:1.2;margin-bottom:2rem}.portfolio-details figure{display:none}.portfolio-details figure img{float:right;margin:0 0 1rem 1rem}.portfolio-details figure:first-of-type{display:block}.portfolio-details figure p{display:none}.portfolio-details .port-tabs{display:flex;justify-content:space-evenly;margin-bottom:3rem}.portfolio-details .port-tabs li{font-size:1.25rem;list-style:none;margin:0;padding:0}.portfolio-details .port-tabs li a{padding-bottom:.5rem;border-bottom:0.25rem solid rgba(255,255,255,0)}.portfolio-details .port-tabs li a.port-id{border-bottom:0.25rem solid rgba(255,255,255,0.5)}.portfolio-details .port-tabs li a.port-id:hover{color:white}}