.body {
  height: 100vh;
  width: 100%;
  background: hsla(145, 83%, 74%, 1);

  background: linear-gradient(
    90deg,
    hsla(145, 83%, 74%, 1) 0%,
    hsla(204, 77%, 76%, 1) 100%
  );

  background: -moz-linear-gradient(
    90deg,
    hsla(145, 83%, 74%, 1) 0%,
    hsla(204, 77%, 76%, 1) 100%
  );

  background: -webkit-linear-gradient(
    90deg,
    hsla(145, 83%, 74%, 1) 0%,
    hsla(204, 77%, 76%, 1) 100%
  );

  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#87F4B5", endColorstr="#93CBF1", GradientType=1 );
}

.pfp {
  border-radius: 100%;
  width: 100px;
  vertical-align: middle;
  margin-top: 69px;
  display: inline-block;
}
.name {
  font-family: Montserrat;
  text-align: center;
  margin-top: 36px;
}
.navbar li {
  margin-top: 20px;
  text-align: center;
  list-style: none;
}

.c1 {
  padding-left: 493px;
  padding-right: 493px;
}
.c2 {
  padding-left: 565px;
  padding-right: 565px;
}
.c3 {
  padding-left: 565px;
  padding-right: 565px;
}
.c4 {
  padding-left: 521px;
  padding-right: 521px;
}
.c5 {
  padding-left: 571px;
  padding-right: 571px;
}

.navbar button {
  border: none;
  background: none;
  background-color: white;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 50px;
  font-size: larger;
  font-family: Montserrat;
}

.navbar button:hover {
  opacity: 0.8;
  box-shadow: 2px 2px 10px rgba(29, 69, 145, 0.3);
  cursor: pointer;
}

.navbar button:active {
  opacity: 0.5;
}

a {
  text-decoration: none;
  color: black;
}