html {
  color: rgb(46, 52, 54);
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #729fcf;
  text-shadow: none;
}

::selection {
  background: #729fcf;
  text-shadow: none;
}

.browserupgrade {
  background: #fcaf3e;
  color: #2e3436;
  padding: 0.2em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 12;
}

body {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  color: rgb(46, 52, 54);
  color: rgba(46, 52, 54, 0.8);
}

header, nav, main, footer {
  position: absolute;
  padding: 0 0.4em 0 0.8em;
}

header {
  text-shadow: 2px 2px 5px rgba(186, 189, 182, 0.6);
  top: 0;
  left: 0;
  z-index: 10;
}

nav {
  text-align: right;
  font-size: x-small;

  top: 0;
  right: 0;
  z-index: 20;
}

main {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

footer { 
  border-top: 1px dashed rgb(85, 87, 83);
  background-color: rgb(186, 189, 182); 
  background-color: rgba(186, 189, 182, 0.6);

  text-align: right;
  font-size: x-small;

  height: 3em;

  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

a:link, a:visited, a:hover, a:active {
  color: rgb(143, 89, 2); 
  color: rgba(143, 89, 2, 0.6);
}

.dark a:link, .dark a:visited, .dark a:hover, .dark a:active {
  color: rgb(78, 154, 6); 
  color: rgba(78, 154, 6, 0.6);
}

.dark {
  color: rgb(186, 189, 182); 
  color: rgba(186, 189, 182, 0.6);
}

.dark header {
  text-shadow: 2px 2px 5px rgba(85, 87, 83, 0.6);
}

.dark footer {
  background-color: rgb(85, 87, 83); 
  background-color: rgba(85, 87, 83, 0.6);
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}