style.css

h1 {
  font-family: 'Merriweather', serif;
  color: rgb(51, 30, 54)
}

p {
  color: rgb(51, 30, 54);
}

h2 {
  color: rgb(110, 164, 191);
}

i {
  color: rgb(7, 7, 7);
  font-size: 30px
}

.img-circle {
  border-radius: 50%;
}

.btn-purple {
  background-color: rgb(65, 51, 122);
  color: white;
  padding: 15px 20px;
  border-radius: 4px;
  text-decoration: none;
}

#introduction p {
  margin-bottom: 40px;
}s

p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

div {
  display: block;
}

.container {
  width: 700px;
  margin: 40px auto;
}

.card-white {
  background-color: white;
  padding: 40px;
  box-shadow: 0px 10px 30px rgb(0 0 0 / 10%);
  border-radius: 4px;
  margin: 20px 0px;
  text-align: center;
}

.list-inline {
  padding: 0;
}
.list-inline li{
  display: inline;
  list-style: none;
  padding-left: 0px;
}

.list-inline i {
  font-size: 40px;
  color: rgb(230, 230, 230);
}

a:hover i {
  color: rgb(51, 30, 54);
}