index.css

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

}
.container{
    
    width:80%;
    margin:auto;
    background-color: rgb(52, 50, 50);
    border-radius: 20px;
}
.heading{
    font-family: 'Lobster', cursive;
}

#span1{
    color: red;
}
#img-div{
    /* border: 2px solid red; */
    text-align: center;
}
#image{
    width: 500px;
    margin: auto;
    display:block;
    box-shadow: 10px 2px 100px red;
}
#info{
    /* border: 2px solid red; */
    width: 80%;
    margin:auto;
    text-align: justify;

}
#marvel{
    color: red;
    margin: left 10%;;
}
ul{
    /* border: 2px solid red; */
    width: 80%;
    margin: auto;
}
li{
    font-size: 24px;
    line-height: 3rem;
}
#link{
    text-decoration: none;
    color: white;
    border: 2px solid darkgoldenrod;
    padding: 1rem;
    border-radius: 10px;
    background-color: rgb(52, 50, 50);

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