h4 {
	
	font: 16px "Times New Roman";
	text-align: center;

}

p {
	font: 16px "Times New Roman";
}

body
{
    background-color:  white;
    color:  white;
}

a {
  color: white;
}

audio { 
    display:none;
    
}

.divultra2 {
  width: 400px;
  height: 350px;
  border: 1px solid grey;
  top: 50%;
  background-color: whitesmoke;
  position: relative;
}

.newgame {
  background-color: #F1F1F1;
  padding: 20px;
  width: 200px;
}

.header {
  background-color: #F1F1F1;
  padding: 20px;
  border: 5px;
}

.divnew2 {
  background-color: #F1F1F1;
  padding: 20px;
}

.div1 {
  width: 1000px;
  height: 200px;
  border: 1px solid grey;
  top: 50%;
  background-color: whitesmoke;
  position: relative;
  bottom: 223px;;
	right: 230px;
}

.align {
	position: relative;
	bottom: 223px;;
	right: 215px;
}

.align2 {
	position: relative;
	bottom: 223px;;
	right: -228px;
  
}


.vl {
  border-left: 1px solid grey;
  height: 400px;
  position: absolute;
  right: 750px;
  top: -230px;
}

.vl2 {
  border-left: 1px solid grey;
  height: 368px;
  width: 730px;
  length: 1px;
  position: absolute;
  right: 20px;
  top: 20px;
}

.divultra {
  width: 400px;
  height: 200px;
  border: 1px solid grey;
  top: 50%;
  background-color: whitesmoke;
  position: relative;
  top: -240px;;
	left: 228px;
  overflow: auto;
}

.divultra2 {
  width: 400px;
  height: 350px;
  border: 1px solid grey;
  top: 50%;
  background-color: whitesmoke;
  position: relative;
  top: -240px;;
  left: 228px;
}

.divchat {
	height: 400px;
	width: 200px;
	
	position: absolute;
	border: 1px solid grey;


}

.divbooks {
  width: 420px;
  height: 250px;
  border: 1px solid grey;
  top: 50%;
  background-color: whitesmoke;
  position: relative;
  top: -592px;;
  left: 650px;
}

.divbooksscrolls {
  width: 420px;
  height: 250px;
  border: 1px solid grey;
  top: 50%;
  background-color: whitesmoke;
  position: relative;
  top: -592px;;
  left: 650px;
  overflow: scroll;
}


.newdiv {
  width: 400px;
  height: 250px;
  border: 1px solid grey;
  top: 50%;
  background-color: whitesmoke;
  position: relative;
  top: -460px;;
  left: 228px;
  overflow: auto;
}

.newdiv2 {
  width: 420px;
  height: 450px;
  border: 1px solid grey;
  top: 50%;
  background-color: whitesmoke;
  position: relative;
  top: -790px;;
  left: 650px;
}

.color {
	color: darkred;
}

.image{

  border-radius: 20px;
  border: 1px solid black;
  background-color: black;
  padding: 3px;

}

.frontdivbooks {
  width: 420px;
  height: 200px;
  border: 1px solid grey;
  top: 50%;
  background-color: whitesmoke;
  position: relative;
  top: -442px;;
  left: 650px;
}

.best {
  width: 400px;
  height: 200px;
  border: 1px solid grey;
  top: 50%;
  background-color: whitesmoke;
  position: relative;
  top: -396px;;
  left: 227px;
}

.numbertwo {
  width: 420px;
  height: 200px;
  border: 1px solid grey;
  top: 50%;
  background-color: whitesmoke;
  position: relative;
  top: -598px;;
  left: 650px;
}

.numberthree {
  width: 420px;
  height: 350px;
  border: 1px solid grey;
  top: 50%;
  background-color: whitesmoke;
  position: relative;
  top: -812;
  left: 650;
 }

.tiledBackground {
  background-image: url(https://wikinecronomicon.com/1017.webp);
  background-size: 150px;
  width: 300px;
  height: 300px;
  color: pink;
}



a:hover {
  color: red;
}

.post{
  color="black"
  font: 16px "Times New Roman";

}

.entry{
  color="black"
    font: 16px "Times New Roman";

}

input {
  text-align:  center;
}

::-webkit-input-placeholder {
  text-align: center;
}

.serious{
  height: 6x;
  color:  black;
  font: 15px "Copperplate", sans-serif;
}

h1{
  color="black"
  font: 15px "Copperplate", sans-serif;
}

.text{
 cursor: text;
}

a:link{
      color: white;
  background-color: transparent;
  text-decoration: none;
}
