* {
  border: 4;
  height: auto;
  margin: 4;
  padding: 4; }

body {
  background: #000;
  color: #fff;
  margin: 2% 20% 2% 20%;
  font: 1em/1.3 Gill Sans, sans-serif;
  position: relative; }

nav button {
  border: 2px solid #333;
  background-color: #000;
  color: #fff;
  padding: 2px 4px;
  font-size: smaller;
  cursor: pointer; }

.en, .de, .es, .fr, .it {
  display: none; }

.en:lang(en), .de:lang(de), .es:lang(es), .fr:lang(fr), .it:lang(it) {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  color: orange; }

hr {
  border: 0.1em solid gold; }

a {
  color: #fff; }

pre > code {
  background: #333;
  border: 1px solid orange;
  border-radius: 2px;
  display: block;
  font: 1em/1.0 monospace;
  padding: 3px; }

ul#menu {
  padding: 0 0 1em 0; }

ul#menu li {
  display: inline; }

ul#menu a {
  background: #000;
  border-right: 1px solid #fff;
  color: orange;
  padding: 0.2em 0.6em;
  text-decoration: none; }

ul#menu a:hover {
  text-decoration: underline; }

#wm {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1; }

#wm > * {
  position: relative;
  left: -50%;
  opacity: 0.3; }
