body {
	background-color: #000;
	transform: rotate(90deg);
	overflow: auto;
	transform-origin:bottom;
	position:absolute;
	top: 0vw;
    left: 50vw;
    height:25vw;
    width:86vh;
}
		
h1 {
  color: white; font-size:50px; text-align: center;
}
h2{
color: green; text-align: center;
}
p {
  color: red;
}

html {
  font-family: sans-serif;
}

td, th {
  border: 1px solid #000;
  padding: 10px 20px;
}
th {
  background-color: #000;
}
.xGreen {
	background-color: #00BD11; //*Green = 00BD11*//
}
.xYellow {
	background-color: #DECA00; //*Yellow = DECA00*//
}
.xRed {
	background-color: #DE0909; //*Red = DE0909*//
}
.xBlack {
	background-color: #222222; //*Red = DE0909*//
}
.xGray {
	background-color: #888888; //*Red = DE0909*//
}

td {
  text-align: center;
}

caption {
  padding: 10px;
}


#box {
  width: 60%;
  height: 200px;
  background: rgb(0, 200, 100);
  border: 2px solid rgb(245, 220, 225);
  padding: 4px 6px;
  font: 16px "Lucida Grande", "Helvetica", "Arial", "sans-serif"
}
box.center {
	margin-left: auto;
	margin-right: auto;
}