body {
  background-color: black;
 }
 
 .container { 
  width: 775px;
  border: 3px solid #424241;
  background-color: #262422;
 }

  .characterbox {
height: Auto;
width: 250px;
margin: 10px;
margin-bottom: 10px;
background-color: #424241; 
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: #D6D0C9;
  margin: 10px;
  margin-top: 0px;
}

h2 { 
  font-family: "EB Garamond", serif;
  font-weight: bold;
  font-style: normal;
  color: #D6D0C9;
}

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

p {
  color: #D6D0C9;
  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; 
}