body {
  background-image: url("bg2.png");
 color: white;
font-family: arial;
}

.header{
  width: 100%;
  display: flex;
}

h1 {
margin: 10px;
border: 1px solid yellow;
background-color: black;
padding: 0 20px;
width: fit-content;
}

.character-description {
  border: 2px solid yellow;
  background-color: black;
  padding: 20px;
  float: right;
}

.character-bio {
   border: 2px solid yellow;
  background-color: black;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

h2 {
  text-decoration: underline 3px;
}

h3 {
  text-decoration: underline;
  font-style: italic;
}

.container-page {
padding: 10px;
}

.container-menu{
  width: 150px;
}

.list1 {
padding: 20px;
margin-top: 200px;
float: left;
border: 1px solid white;
background-color: black;
text-align: left;
list-style-type: none;
}

a.b {
  color: white;
}