.accent{color:#c00;font-weight:bolder}a{color:#c00;text-decoration:underline}a:active{color:#fff}html{background:#036;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMWEzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNGQ5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 0% 100%, 100% 0%, color-stop(0%, #001a33),color-stop(100%, #004d99));background-image:-moz-linear-gradient(bottom, #001a33,#004d99);background-image:-webkit-linear-gradient(bottom, #001a33,#004d99);background-image:linear-gradient(to top right, #001a33,#004d99);-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;text-align:center;color:#fff}html,html body{height:100%;width:100%;background-attachment:fixed}nav ul{margin:0;padding:0}nav ul li{display:inline;list-style:none}.social a{background:url('../img/social-sfdbabe0183.png')}.social a[href*="github.com"]{-moz-background-size:100% auto;-o-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto;background-position:0 0}.social a[href*="github.com"]:hover,.social a[href*="github.com"]:active{background-position:0 -25px}.social a[href*="twitter.com"]{-moz-background-size:100% auto;-o-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto;background-position:0 -100px}.social a[href*="twitter.com"]:hover,.social a[href*="twitter.com"]:active{background-position:0 -125px}.social a[href*="linkedin.com"]{-moz-background-size:100% auto;-o-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto;background-position:0 -50px}.social a[href*="linkedin.com"]:hover,.social a[href*="linkedin.com"]:active{background-position:0 -75px}body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}#content{-webkit-flex:1 0 auto;flex:1 0 auto}footer{-webkit-flex-shrink:0;flex-shrink:0;min-height:25px;width:100%;background:#c00;border-top:5px solid #fff;font-family:'Source Code Pro', monospace;font-size:0.8em;padding-top:5px}footer p{display:inline;margin-left:5px}footer img{display:inline-block;margin:2px 5px;margin-right:5px;margin-top:0;vertical-align:-5px;height:1em;width:1em}footer a{font-weight:inherit;color:inherit}main{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -60%);-ms-transform:translate(-50%, -60%);-webkit-transform:translate(-50%, -60%);transform:translate(-50%, -60%);width:100%;margin:auto}main>img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:5px solid #fff;display:block;margin:auto;width:100px;height:100px}@media (min-width: 300px){main>img{width:200px;height:200px}}@media (orientation: landscape) and (min-width: 525px){main>img{float:left}}main div{display:block}@media (orientation: landscape) and (min-width: 525px){main div{margin-top:35px;float:right}}main #head-content{font-family:'Lora', serif;margin:0 10%}@media (orientation: landscape) and (min-width: 525px){main #head-content{position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;margin:0}}main #head-content h1{margin-top:25px;margin-bottom:15px;font-size:2.5em;font-weight:lighter;font-family:'Open Sans', sans-serif}@media (orientation: landscape) and (min-width: 525px){main #head-content h1{margin-top:0}}main #head-content h1>.accent{font-weight:lighter}main #head-content>p{margin:0;margin-bottom:25px}main #head-content .social{display:block;padding:0;margin-left:10px}main #head-content .social li{list-style:none;display:inline;width:25px;height:25px}main #head-content .social li a{display:inline-block;width:25px;height:25px;margin:0 10px}@media (orientation: landscape) and (min-width: 525px){main{max-width:525px;position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -70%);-ms-transform:translate(-50%, -70%);-webkit-transform:translate(-50%, -70%);transform:translate(-50%, -70%)}}nav{margin-bottom:5px}nav li::before{content:"| ";color:#fff;text-decoration:none}nav li:first-child::before{content:""}a{font-weight:bold}