.provider {
  background-color: #44c767;
  border-radius: 28px;
  border: 1px solid #18ab29;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 17px;
  padding: 16px 31px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #2f6627;
}
.provider:hover {
  background-color: #5cbf2a;
}
.provider:active {
  position: relative;
  top: 1px;
}

.consumer {
  background-color: #c74545;
  border-radius: 28px;
  border: 1px solid #ab1919;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 17px;
  padding: 16px 31px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #662828;
}
.consumer:hover {
  background-color: #bd2a2a;
}
.consumer:active {
  position: relative;
  top: 1px;
}

.help {
  background-color: #ededed;
  border-radius: 28px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  cursor: pointer;
  color: #777777;
  font-family: Arial;
  font-size: 17px;
  padding: 6px 25px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffffff;
}
.help:hover {
  background-color: #dfdfdf;
}
.help:active {
  position: relative;
  top: 1px;
}

#content {
  display: flex;
  justify-content: space-around;
}

#help-div {
  display: flex;
  justify-content: center;
}

body {
  max-width: 650px;
  margin: 40px auto;
  padding: 0 10px;
  font: 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #444;
}
h1,
h2,
h3 {
  line-height: 1.2;
}