body {
  background-image: url(https://64.media.tumblr.com/71c9b2ea47b5e815acae476bfaf24c6a/62f4d8e3530e21a5-73/s1280x1920/1a9e1cf8dad8f8c19ca6b3ebbb4643455ebd901c.jpg);
 }

  .characterbox {
height: Auto;
width: 250px;
margin: 10px;
margin-bottom: 10px;
background-color: #4d3642; 
float: right;
}

  .characterboxtext {
height:250;
width: 500px;
margin-top: -20px;
margin-left: 5px;
margin-bottom: 0px;
float:left;
}

h1 { 
  font-family: "Bonheur Royale", system-ui;
  font-weight: Bold;
  font-size: 70px;
  color: #e3d1db;
  margin: 10px;
  margin-top: 0px;
}

h2 { 
  font-family: "EB Garamond", serif;
  font-weight: bold;
  font-style: normal;
  color: #e3d1db;
  padding-left: 10px;
}

h3 {
  font-family: "EB Garamond", serif;
  color: #e3d1db;
  margin: 5px;
  font-size: 14px;
}

p {
  color: #e0ced5;
  font-family: "Ysabeau Office", serif; 
  float: left;
  text-indent: 20px;
  text-align:left;
  margin: 10px;
  font-size: 14px;
  }
  
a {
  color: #e3d1db;
  text-decoration: underline;
}
.characterimage {
  height: 200px;
  width: 200px;
  margin:25px;
  margin-bottom: 5px;
}

.Gallerybutton {
  width:200px;
}

table, th, td { 
  font-family: "EB Garamond", serif; 
  color: #e0ced5;
  border: 5px;
  border-collapse: separate;
  margin: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
}

td:nth-child(even), th:nth-child(even) {
  background-color: #332229;
}

td:nth-child(odd), th:nth-child(odd) {
  background-color: #170c0f;
}


ul {
  color: #e3d1db;
  font-family: "EB Garamond", serif;
  text-align: left;
  margin: 10px; 
  font-size: 14px;
}

::selection {
background: #f2a0cd;
color: #170c0f; 
}