html {
  background: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQNZuIdZWmOTg1JKTqFEb5pZqbiw3J-q7avQA&usqp=CAU");
  background-position: bottom;
  background-repeat: repeat;
  background-size: cover;
  height: 100%;
}

#page {
  margin: 3vw;
}

#title {
  background-color: orange rgb(0, 128, 0, 0.95);
  color:   black;
  padding: 4vh;
  text-align: center;
  font-family: font-family: 'Lobster', sans-serif;
  margin-bottom: 10px;
  margin: 0vh 9vw;
}

.character {
  width: 20vw;
  border-bottom-left-radius: 1000%;
  border-bottom-right-radius: 1000%;
  width: 78%;
  height: 10%;
}

#content {
  background-color: orange rgb(0,128,0,0.95);
  text-align: center;
  padding: 4vh;
  margin: 4vh 9vw;
}

h2 {
  color:  #660000;
  text-align: center;
  font-family: "Merriweather";
}

a, p {
  color: #ff9900;
  font-family: Arial, sans-serif;
}

hr {
  background-color: rgb(255,255,255,0.1);
  border: none;
  height: 10px;
  margin: 15px 0px;
}


#footer {
  height: 460px;
  color: black;
}

.imagesrc a, p{
  color: #ff9900;
  text-align: center;
  padding-top: 200px;
  font-weight: 900;
}

a:hover
{
  color:yellow
}