index.css

* {
  font-family: courier;
  outline: none;
}
.card {
  box-shadow: 0 1px 10px 0 rgba(0, 45, 20, 0.2);
  transition: 0.3s;
  width: 40%;
  margin: 0 auto;
  border: solid 4px;
  border-radius: 8px;
}

.card:hover {
  box-shadow: 1px 10px 6px 5px rgba(1, 62, 29, 0.2);
  cursor: pointer;
}

.container {
  padding: 10px 15px;
}
ul {
  list-style-type: none;
  font-size: 20px;
  text-align: center;
}
h1 {
  text-align: center;
  font-size: 40px;
  color: white;
  padding: 50px;
}

img {
  width: 100px;
  height: 100px;
  padding: 10px;
}
.red {
  color: crimson;
  font-weight: bold;
}

.blue {
  color: dodgerblue;
  font-style: oblique;
}

.green {
  color: #3cb371;
  font-weight: normal;
}

li {
  padding: 10px;
  background-color: white;
  border-radius: 8px;
}

body {
  background-image: url("https://i1.wp.com/wallur.com/wp-content/uploads/2016/12/hulk-background-1.jpg?fit=1920%2C1080");
  /* background-size: contain; */
  background-repeat: no-repeat;
  background-color: black;
}