body {
  background-image: url(https://i.pinimg.com/736x/d2/e6/80/d2e6801594dc54a0fd891a5e8ed6cdb9.jpg);
  background-size: 500px;
 }
 
 .container { 
  width: 775px;
  border: 3px solid #424241;
  background-color: #262422;
 }

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

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

h1 { 
  font-family: "Pirata One", system-ui;
  font-weight: Bold;
  font-size: 50px;
  color: #a0b079;
  margin: 10px;
  margin-top: 0px;
}

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

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

p {
  color: #dfe0cc;
  font-family: "EB Garamond", serif; 
  float: left;
  text-indent: 20px;
  text-align:left;
  margin: 10px;
  font-size: 14px;
  }
  
a {
  color: #D6D0C9;
  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: #D6D0C9;
  border: 5px;
  border-collapse: separate;
  margin: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
}

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

td:nth-child(odd), th:nth-child(odd) {
  background-color: Black;
}


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

::selection {
background: darkred;
color: #D6D0C9; 
}