* {
  box-sizing: border-box;
}

body{
  background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,1)), url("/img/cards/hollybg3.png");
  background-repeat: no-repeat, repeat;
  font-family:consolas;
  background-attachment: fixed;
  margin: 0;
}

.content {
	background:rgba(233,235,213,0.5);
	width: 57%;
	padding: 30px;
	margin-top:7%;
	overflow: scroll;
	border:3px double #000;
}

.alignleft {
  text-align: left;
  padding-left: 170px;
}

.header {
  text-align: center;
  padding: 32px;
}

.tags {
  border: 3px double #898772;
  padding: 5 5 5 5;
  margin-left: 3%;
  font-family:courier;
  font-size: 16px;
  font-weight:normal;
}

.first {
  background:#e9ebd5;
  color:#6D6834;
}

.second {
  background: #919153;
  color:#fff;
}

.third {
  background: #6D6834;
  color:#e9ebd5;
}

.fourth {
  background: #553F13;
  color:#999A61;
}

h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999A61;
  background: #3D3320;
  border: 3px double #898772;
  width:65%;
  height:100px;
  font-family: courier;
  font-weight: normal;
  font-size: 18px;
  margin: 25 0 30 220;
  }

.info {
  font-family: courier;
  text-align: left;
  color: #170b00;
  line-height: 2;
}

.info2 {
  font-family: courier;
  text-align: center;
  color: #170b00;
  line-height: 2;
}

.info3 {
  font-family: courier;
  text-align: right;
  color: #170b00;
  line-height: 2;
}

.ii {
  margin-left:10%;
  color:rgba(23,11,0,0.8);
}

.iii {
  color:rgba(23,11,0,0.6);
}

.iv {
  margin-right:10%;
  color:rgba(23,11,0,0.4);
}

.v {
  color:rgba(23,11,0,0.2);
  margin-right: 3%
}

.deco {
  border: 3px double #000;
  width: 150px;
  margin: 5px;
  float:left;
  padding: 5px;
}

.navleft {
  font-size:80px;
  color: #e9ebd5;
  position:absolute;
  bottom:8%;
  left: 30%;
}

.navright {
  font-size: 80px;
  color: #e9ebd5;
  position:absolute;
  bottom:8%;
  right:30%;
}

a {
  text-decoration:none;
  color:#fff;
}