html,
body {
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
}
/* hide horizontal scrollbars */
body {
  overflow-x: hidden;
  background-color: #000;
}

h1 {
  font-size: 1.8em;
  font-weight: normal;
  color: #637300;
  margin-top: 8px;
}
p {
  font-size: 0.9em;
}
a, a:visited {
  color: #7a985b;
}
a:hover, a:active {
  color: #7dae4c;
}

.legend {
  position: fixed;
  top: 270px;
  left: 0;
  color: #778d62;
  padding: 20px;
}
.faded {
  color: #4e603d;
}

a.btn, a.btn:visited {
  background: #819950;
  background-image: -webkit-linear-gradient(top, #819950, #5d6b41);
  background-image: -moz-linear-gradient(top, #819950, #5d6b41);
  background-image: -ms-linear-gradient(top, #819950, #5d6b41);
  background-image: -o-linear-gradient(top, #819950, #5d6b41);
  background-image: linear-gradient(to bottom, #819950, #5d6b41);
  color: #d5eba9;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
a.btn:hover, a.btn:active  {
  background: #92b847;
  background-image: -webkit-linear-gradient(top, #92b847, #688d1e);
  background-image: -moz-linear-gradient(top, #92b847, #688d1e);
  background-image: -ms-linear-gradient(top, #92b847, #688d1e);
  background-image: -o-linear-gradient(top, #92b847, #688d1e);
  background-image: linear-gradient(to bottom, #92b847, #688d1e);
  text-decoration: none;
}
a.btn_highlited, a.btn_highlited:visited, a.btn_highlited:hover, a.btn_highlited:active {
  background: #e86b31;
  background-image: -webkit-linear-gradient(top, #e86b31, #a10000);
  background-image: -moz-linear-gradient(top, #e86b31, #a10000);
  background-image: -ms-linear-gradient(top, #e86b31, #a10000);
  background-image: -o-linear-gradient(top, #e86b31, #a10000);
  background-image: linear-gradient(to bottom, #e86b31, #a10000);
}
.btn_simple {
  border: 1px solid #5d6b41;
  color: #778d62;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn, .btn_highlited, .btn_simple {
  border-radius: 4px;
}

.scroll
{
  position: fixed;
  top: 0;
  left: 0;
}

.bplane_background {
  z-index: 10;
  width: 100%;
  height: 200px;
  background-size: 256px 200px;
  background-image: url('sotb_bkg.png');
  background-repeat: repeat-x;
  position: fixed;
  top: 0;
  left: 0;
}
.bplane_moon {
  z-index: 20;
  width: 100%;
  height: 53px;
  background-size: 52px 53px;
  background-image: url('sotb_moon.png');
  background-repeat: no-repeat;
  background-position: right;
  margin-top: 16px;
  position: fixed;
  top: 0;
  right: 10%;
}

.bplane_airships {
  z-index: 815;
  width: 2000px;
  height: 200px;
}

.bplane_01 {
  z-index: 810;
  width: 3300px;
  height: 21px;
  background-image: url('s01.png');
  background-repeat: repeat-x;
}
.bplane_02 {
  z-index: 820;
  width: 2700px;
  height: 40px;
  background-image: url('s02.png');
  background-repeat: repeat-x;
  margin-top: 22px;
}
.bplane_03 {
  z-index: 830;
  width: 2500px;
  height: 19px;
  background-image: url('s03.png');
  background-repeat: repeat-x;
  margin-top: 63px;
}
.bplane_04 {
  z-index: 840;
  width: 2200px;
  height: 9px;
  background-image: url('s04.png');
  background-repeat: repeat-x;
  margin-top: 81px;
}
.bplane_05 {
  z-index: 850;
  width: 2000px;
  height: 6px;
  background-image: url('s05.png');
  background-repeat: repeat-x;
  margin-top: 88px;
}
.bplane_06 {
  z-index: 860;
  width: 2700px;
  height: 73px;
  background-image: url('s06.png');
  background-repeat: repeat-x;
  margin-top: 97px;
}
.bplane_07 {
  z-index: 880;
  width: 3400px;
  height: 200px;
  background-image: url('s07.png');
  background-repeat: no-repeat;
}
.bplane_08 {
  z-index: 900;
  width: 4500px;
  height: 200px;
  background-size: 4500px 200px;
  background-image: url('s08.png');
  background-repeat: no-repeat;
}
.bplane_09 {
  z-index: 960;
  width: 5400px;
  height: 25px;
  background-image: url('s09.png');
  background-repeat: repeat-x;
  margin-top: 175px;
}
.bplane_10 {
  z-index: 970;
  width: 6800px;
  height: 18px;
  background-image: url('s10.png');
  background-repeat: repeat-x;
  margin-top: 182px;
}
.bplane_11 {
  z-index: 980;
  width: 8200px;
  height: 11px;
  background-image: url('s11.png');
  background-repeat: repeat-x;
  margin-top: 189px;
}
.bplane_12 {
  z-index: 1000;
  width: 9600px;
  height: 22px;
  background-image: url('s12.png');
  background-repeat: repeat-x;
  margin-top: 178px;
}
.bplane_text {
  z-index: 1010;
  width: 2600px;
  height: 48px;
  background-image: url('sotb_introtext.png');
  background-repeat: no-repeat;
  margin-top: 210px;
  margin-left: 40px;
}

.ani_beast {
    width: 32px;
	height: 52px;
	background-image: url(ani_beast.png);
	z-index: 2000;
	position: absolute;
	bottom: 0;
	left: 0;
	/*right: 0;
	 margin: auto; */
	margin-bottom: 25px;
}
.ani_airship_large {
  width: 64px;
  height: 27px;
  background-image: url('airship-large.png');
  z-index: 100;
  position: absolute;
  bottom: 0;
  left: 400px;
  margin-bottom: 152px;
}
.ani_airship_small {
  width: 32px;
  height: 13px;
  background-image: url('airship-small.png');
  z-index: 200;
  position: absolute;
  bottom: 0;
  left: 200px;
  margin-bottom: 133px;
}