.wrapper {
  display: table;
  margin: 0 auto;
  background: none;
  padding: 35px 40px 40px;
  border-radius: 6px;
}

.wrapper-header {
  font-family: "Roboto", sans-serif;
  text-align: center;
  color: rgba(255, 255, 255, 0.74);
  margin: 30px 0 15px;
  font-weight: normal;
}

.heart {
  margin: 0 8px;
  display: inline-block;
  animation: simplePulse ease-in-out 1.1s infinite;
}

.gauge {
  font-family: "Roboto", sans-serif;
  background: #e7e7e7;
  width: 200px;
  height: 100px;
  border-radius: 100px 100px 0 0;
  position: relative;
  overflow: hidden;
  /* safari fix */
  -webkit-transform-style: flat;
  -webkit-transform: translateZ(0px);
}
.gauge.min-scaled {
  transform: scale(0.5);
}

.gauge-center {
  content: '';
  color: #fff;
  width: 60%;
  height: 60%;
  background: #122a41;
  border-radius: 100px 100px 0 0;
  position: absolute;
  right: 21%;
  bottom: 0;
  color: #fff;
  text-align: center;
}
.gauge-center .label, .gauge-center .number {display:block; width: 100%; text-align: center; border:0!important;}
.gauge-center .label {font-size:0.75em; opacity:0.6; margin:1.1em 0 0.3em 0;}
.gauge-center .number {font-size:1.2em;}

.needle {
  width: 78px;
  height: 7px;
  background: #15222E;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 100%;
  border-top-right-radius: 5px;
  position: absolute;
  bottom: 4px;
  left: 20px;
  transform-origin: 100% 4px;
  animation: speed 5s infinite;
  transform: rotate(70deg); /* set degree of the needle */
}

.slice-colors .st {
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 100px;
    clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
    transform-origin: 100% 100%;
}

.slice-colors .st.slice-item:nth-child(1) {
    background: #15C63C;  /* Green */
    transform: rotate(0deg);
    border-radius: 100px 0 0 0;
}

.slice-colors .st.slice-item:nth-child(2) {
    background: #EB8916;  /* Orange */
    transform: rotate(60deg);
}

.slice-colors .st.slice-item:nth-child(3) {
    background: #D74141;  /* Red */
    transform: rotate(120deg);
}