/*
CSS for semver.org
@author Mathias Bynens
@link http://mathiasbynens.be/
*/

h1, h2, ol { margin: 0; padding: 0; }

html { font: 14.4px/1.5 Helvetica, Arial, sans-serif; }
body { margin: 0 auto; padding: 0 10%; max-width: 710px; }

@-ms-viewport { width: device-width; }
html { -webkit-text-size-adjust: 100%; }

h1, h2, h3 { text-align: center; font-weight: normal; }
 h1 { font-size: 43px; margin: 1.1em 0 .7em; }
 h2 { margin: 2.1em 0 .7em; font-size: 24px; }
 h3 { text-align: left; font-size: 15.8px; margin-bottom: .6em; }

a { color: #009; }
a:hover, a:focus { color: #000; }
ol { padding-left: 1.5em; }
p { margin: 0 0 1em; }

@media print {
 body { width: 100%; }
 h1, h2, h3 { font-weight: bold; }
 a:after { content: ' <' attr(href) '>'; font-size: 90%; }
}

/* Nav */

ol.nav {
  background-color: #333;
  list-style-type: none;
  margin: 0;
  padding: 10px;
  overflow: hidden;
}

ol.nav li {
  display: inline;
  font-weight: bold;
  margin-right: 20px;
}

ol.nav li a {
  color: white;
}

ol.lang {
  background-color: white;
}

ol.lang li a {
  color: black;
}