style.css

body {
  background-color: black;
  color: white;
}

.container {
  width: 80%;
  margin: auto;
  background-color: rgb(43, 39, 39);
  border-radius: 20px;
}

.heading {
  font-family: "Lobster", cursive;
}
#title {
  text-align: center;
  /* background-color: aqua; */
  font-size: 90px;
}

#span1 {
  color: red;
}

#img-div {
  text-align: center;
}

#image {
  width: 400px;
  border-radius: 40px;
}

#info {
  width: 80%;
  /* background-color: aqua; */
  margin: 20px auto;
  text-align: justify;
  font-size: 24px;
}

#marvel {
  color: red;
  margin-left: 10%;
}

ul {
  width: 80%;
  margin: auto;
}

li {
  font-size: 24px;
  line-height: 50px;
}

#footer {
  text-align: center;
  width: 60%;
  margin: auto;
  border: 1px solid;
  padding: 30px;
  font-size: 24px;
}

#link {
  text-decoration: none;
  color: white;
  border: 2px solid orange;
  border-radius: 10px;
  padding: 15px;
  background-color: black;
}

#link:hover{
    color:red;
    background-color: gray;
}