main.css

@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(SourceCodePro.woff) format('woff');
}
html, body { margin: 0; padding: 0 }
body {
  background: #000;
  color: #ddd;
  font-family: "Source Code Pro", monospace;
  margin: 2ex
}
h2 { font-variant: small-caps }
a {
  color: #ddd;
  text-shadow: 0.3ex 0.3ex #66f;
  text-decoration: none
}
ul { list-style: none }
header {
  position: fixed;
  top: 0;
  background: #000;
  width: calc(100% - 4ex);
  padding: 1ex 0 0 0
}
header img { border: 0px; margin-left: 2em; height: 74px }
#headlogo { margin-right: 2em; height: 74px; width: 166px }
#organizers { margin-top: 1ex; position: absolute; top: 0px; right: 0px }
nav {
  width: 100%;
  height: 2em;
  padding: 1ex 0;
  margin: 0ex auto;
  font-variant: small-caps;
  font-size: large;
  text-align: center
}
main {
  text-align: center;
  margin: 0 auto;
  margin-top: calc(74px + 3em);
  width: 100%
}
@media all and (min-width: 44em) {
  main { width: 40em }
  nav { width: 40em }
}
#mainlogo {
  display: block;
  height: 10%;
  width: 100%
}
#tagline { margin: 0; font-size: xx-large }
#sub { font-size: small }
#osm { width: 425px; height: 350px; border: 0px }
span.target { position: relative; top: calc(-74px - 3em); display: block; width: 1px; height: 1px }
.lc { text-transform: uppercase }
.sc { font-variant: small-caps; text-shadow: 0.2ex 0.2ex 0.1ex #afa }
.small { font-size: small }
.active { font-weight: bold }