body {
  background-color: black;
 }

 
 .container { 
  width: 775px;
  height: 1500px;
  margin: auto;
  border: 3px solid DimGrey;
  background-color: whitesmoke;
 }

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

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

.characterbox2 { 
height:auto;
width: 250px;
margin: 10px;
Background-color: red;
float: right;
}

  .fulltext {
height: 250px;
width: 500px; 
margin-top: -20px;
margin-left: 5px;
background-color: blue;
}

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

h2 { 
  font-family: "EB Garamond", serif;
  font-weight: bold;
  font-style: normal;
  color: black;
  margin: 10px;
  margin-top: 10px;
  margin-bottom:-10px;
  float: left;
}

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

p {
  color: black;
  font-family: "EB Garamond", serif; 
  float: left;
  text-indent: 20px;
  text-align:left;
  margin: 10px;
  font-size: 14px;
  }
  
.characterimage {
  height: 200px;
  width: 200px;
  margin:25px;
  margin-bottom: 5px;
}

.Gallerybutton {
  width:200px;
  margin-top:25px;
}

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

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

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