.print-only { display: none }
body, nav ul, html { padding: 0 }
nav ul { margin: 0 0 0 -3px; white-space: nowrap }
body, html { background: #FFF; color: #000; margin: 0; font-family: Helvetica, sans-serif }
body { box-sizing: border-box }
main { padding: 20px; margin-top: 10vh }
nav, section { margin: 0 auto; max-width: 800px }
h1 { font-size: 2em; font-weight: 400; margin: 1em 0 0 }
section .subtitle { font-size: 1.2em; margin: .3em 0 .2em; font-weight: 300 }
nav { margin-top: 4em }
nav li { font-size: 1.2em; list-style: none; display: inline-block; padding-right: 5px }

a { color: #000; text-decoration: none }
a svg { height: 100%; vertical-align: middle }
a svg:hover #l { fill: #0077B5; transition: fill .2s ease-in-out }
a svg:hover #so polygon { fill: #BCBBBB; transition: fill .2s ease-in-out }
a svg:hover #so rect { fill: #F48024; transition: fill .2s ease-in-out }
a svg:hover #m { fill: #BCBCBC; transition: fill .2s ease-in-out }

@media print {
  .print-only { display: inline; font-weight: 300; font-size: .8em; margin-left: .7em }
  nav li { display: block }
}