html {
	background-color:#220000;
	background-position: center top;
	background-size:cover;
	background-image:url("tmpbg.jpg");
	background-repeat: repeat-x;
	font-size:1.5em;
	min-height:100vh;
}

a {
	color:#a63e27;
}

body {
	margin:auto;
	/*max-height:1201px;*/
	/*overflow: hidden; */
}

audio {
	margin:auto;
	text-align:center;
}
h2 {
	font-family: 'MedievalSharp', serif;
	border-bottom:1px solid;
}

li {
	font-size:1.2em;
	padding-bottom:1.1em;
}

header {
	text-align:center;
	font-size:1.5em;
}

header>hr {
	width:50%;
	height:6px;
	
	border:3px solid #a63e27;
	border-left:0px;
	border-right:0px;
}

header>img {
	margin-top:10px;
	margin-bottom:10px;
	width: 60vw;
	height:8vw;
}

#footer {
	position:relative;
	left: 50%;
	transform: translate(-50%, 0);
	bottom:10px;
	width:80%;
	max-width:800px;
}

#content {
	background-color:#2e2711;
	max-width:800px;
	margin:auto;
	color:#b79140;
	font-family: serif;
	min-height: calc(100vh - 8vw - 107px);
	padding:10px;
	border-style: solid;
	border-width: 5px;
}

#dragon {
	position:absolute;
	top:1vw;
	z-index:-1;
}

.marquee {
  height: 300px;
  width: 100vw;

  overflow: hidden;
  position: relative;
}

.marquee div {
  will-change: transform;
  display: block;
  width: 200%;
  height: 125px;
  position: absolute;
  overflow: hidden;
  transform: rotateZ(360deg);
  animation: marquee 10s linear infinite;
}

.marquee span {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}