body {
  background-image: url("https://64.media.tumblr.com/ef0d58c32ebfa03ede66c783c1977a04/cc913375485a8f0c-7e/s540x810/7ab5d51276f1f13a9c155cefc10502877ba63e19.pnj");
  background-size: 20%;
  background-repeat: repeat
 }
 
 .container { 
  width: 775px;
  border: 3px solid lightgrey;
  background-color: whitesmoke;
 }

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

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

h1 { 
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 44px;
  color: dimgrey;
  margin: 10px;
  margin-top: 0px;
}

h2 { 
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-style: normal;
  color: dimgrey;
  margin: 10px;
  margin-top: 10px;
  margin-bottom:-10px;
  text-align: left;
}

h3 {
  font-family: "Rubik", sans-serif;
  color: dimgrey;
  margin: 5px;
  font-size: 14px;
}

p {
  color: grey;
  font-family: "Rubik", sans-serif; 
  float: left;
  text-indent: 20px;
  text-align:left;
  margin: 10px;
  font-size: 14px;
  }
  
a {
  color: dimgrey;
  text-decoration: underline;
}
.characterimage {
  height: 200px;
  width: 200px;
  margin:25px;
  margin-bottom: 5px;
}

.Gallerybutton {
  width:200px;
}

table, th, td { 
  font-family: "Roboto", sans-serif; 
  color: dimgrey;
  border: 5px;
  border-collapse: separate;
  margin: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
}

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

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


ul {
  color: dimgrey;
  font-family: "Rubik", sans-serif;
  text-align: left;
  margin: 10px; 
  font-size: 14px;
}

::selection {
background: #d75440;
color: whitesmoke; 
}

.line {
  color: red;
  background-color: blue;
  margin: 50px;
  width: 250px;
}