body { font: 1.125em/1.389 Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif; margin: 0; background: #fff; text-rendering: optimizeLegibility; }

h1 { font: 600 2em/1.222 "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosCnBold", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; font-stretch: condensed; margin: 0 0 1em; }

h2 { font: 600 1.556em/1.214 "HelveticaNeue-CondensedBold", "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosCnBold", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif; font-stretch: condensed; margin: 0 0 1em; }

h3 { font: 700 1.111em/1.2 Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif; margin: 0 0 .25em; }

p { margin: 0 0 1em; }

a { color: #66bd01; text-decoration: none; }

a:focus, a:hover { text-decoration: underline; }

address { font-style: normal; }

abbr { border: 0; text-decoration: none; }

abbr[title] { cursor: help; }

ul, ol { margin: 0 0 1em 1.5em; padding: 0; }

dl:after { content: ""; display: table; clear: both; }

dt { font-size: .778em; text-transform: uppercase; letter-spacing: .05em; float: left; clear: both; margin: .358em 0 0; padding: 0; }

dd { float: right; margin: 0; padding: 0; }

.meta { font-size: .778em; text-transform: uppercase; letter-spacing: .05em; }

.notice { background: #66bd01; color: #fff; margin: -1em -1em 2em; padding: 1em; }

.icon > svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }
.icon > svg path { fill: #999; }

body { max-width: 1200px; margin: 0 auto; }

.site-header { border-bottom: 1px solid #999; padding: 1em; }
.site-header:after { content: ""; display: table; clear: both; }

.site-title { float: left; }

.site-header > nav { float: right; }

.site-header ul { margin: 0; padding: 0; list-style: none; }

.site-header li { display: inline-block; }

.site-header li::before { content: " / "; margin: 0 .5em; }

.site-header li:first-child::before { content: none; }

main { padding: 1em; }

.site-footer { border-top: 1px solid #999; padding: 1em; clear: both; }

.social-media-list { margin: 0; padding: 0; list-style: none; }

.vcard:after { content: ""; display: table; clear: both; }

.vcard > h1 { float: left; white-space: nowrap; }

.vcard > address { float: right; text-align: right; }

.vcard > dl { float: right; clear: right; min-width: 15em; }

.cv > section { margin: 0 0 3em; }

.cv ol { list-style: none; margin: 0; padding: 0; }

.cv ol > li + li { font-size: .889em; line-height: 1.375; }

.cv ul > li { list-style-type: disc; }

.meta { font-size: .778em; text-transform: uppercase; letter-spacing: .05em; }

#personal-statement > p { font-size: 1.222em; line-height: 1.364; margin: 0 2.5em 1.5em; }

#portfolio, #references { width: 50%; float: left; }

#portfolio::after, #references::after { content: none; }