body {
  text-align: center;
  background: #ebf0f5;
}
h1 {
  color: #2f9e44;
  font-family: 'Nunito Sans', 'Helvetica Neue', sans-serif;
  font-weight: 900;
  font-size: 40px;
  margin-bottom: 10px;
}
p {
  color: #000;
  font-family: 'Nunito Sans', 'Helvetica Neue', sans-serif;
  font-size: 20px;
  margin: 0;
}
.icon {
  color: #2f9e44;
  font-size: 100px;
  line-height: 200px;
  position: absolute;
  transform: translate(-50%, 50%);
}
.card {
  background: white;
  padding: 60px;
  border-radius: 4px;
  box-shadow: 0 2px 3px #c8d0d8;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65%;
}
.checkmark {
  border-radius: 200px;
  height: 200px;
  width: 200px;
  background: rgba(126, 213, 111, 0.85);
  margin: 0 auto;
}

.btn,
.btn:link,
.btn:visited {
  display: inline-block;
  font-family: 'Rubik', sans-serif;
  text-decoration: none;
  font-size: 2rem;
  font-weight: 600;
  padding: 1.6rem 3.2rem;
  border-radius: 9px;

  /* Only necessary for .btn */
  border: none;
  cursor: pointer;

  transition: all 0.3s;
}

.btn--success {
  background-color: #2f9e44;
  color: #fff;
  padding: 1rem !important;
  text-align: center;
  line-height: 1;
  width: 100%;
  margin-top: 1rem;
}

.btn--success:hover,
.btn--success:active {
  background-color: #40c057;
}

.highlight {
  color: #2f9e44;
  font-weight: 500;
  text-decoration: none;
}

.highlight:hover {
  border-bottom: 2px solid #2f9e44;
}

.removeUnderline:link,
.removeUnderline:visited {
  text-decoration: none;
}

@media (max-width: 34em) {
  .btn,
  .btn:link,
  .btn:visited {
    padding: 1rem 2rem;
  }
}