* {
  margin: 0;
  padding: 0;
}
body {
  padding: 20px 10px 10px;
  background: #b39d5a url("r/GUI/Images/Background.jpg");
  color: #000;
  text-align: center;
  font: 16px/24px Verdana, Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
}
.ba-canvas canvas {
  z-index: 100;
}
#ba-container {
  margin: 10px auto 0;
}
#ba-preloader {
  position: relative;
  top: 200px;
  margin: 0 auto;
  width: 300px;
  background: #000;
  background: rgba(0,0,0,0.7);
  border-radius: 6px;
  padding: 20px;
  color: #fff;
}
#ba-preloader .text {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bolder;
  text-shadow: 1px 1px 2px #000;
  color: #ff8f09;
}
#ba-preloader .text.error {
  color: #fff;
}
#ba-preloader .text.error p {
  margin-bottom: 1em;
}
#ba-preloader .text.error a:link,
#ba-preloader .text.error a:visited {
  color: #99f;
}
#ba-preloader .text.error .small {
  font-weight: normal;
  font-size: smaller;
}
#ba-preloader .items {
  line-height: 1;
}
#ba-preloader .items > div {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 1px;
  border-radius: 3px;
  background: #365625;
}
#ba-preloader .items > div.complete {
  background: #67a133;
}
#ba-footer {
  display: none;
  font-size: smaller;
  opacity: 0.6;
}
#ba-footer a:link,
#ba-footer a:visited {
  color: #000;
}
#disqus-container {
  display: none;
  border-radius: 6px;
  background: rgba(255,255,255,0.9);
  margin: 20px auto;
  padding: 20px;
  width: 920px;
}
button {
  cursor: pointer;
  padding: 0.5em;
  font-weight: bold;
  font-size: 110%;
}