html{
  background-color: #242424;
  /* font-family: -apple-system, BlinkMacSystemFont, sans-serif; */
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: normal;
  color: #FFF;
}

.main-wrapper{
  width: 700px;
  /* border: 1px solid red; */
}

p{
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  text-align: center;
  color: #FF5733;
}


body, #gold-price, #current-total-wrapper, .main-wrapper, .margin-wrapper{
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

#gold-price{
  font-size: 70px;
  background: #FF5733;
  border-radius: 10px;
}

::placeholder{
  color: #FFF;
}
#paid-amount, #current-total-label{
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  padding:20px;
  color: #FF5733;
}
.margin-wrapper{

}
.margin-description{
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 64px;
  color: #FF5733;

}
#margin{
  border-radius: 10px;
  font-size: 130px;
}

#margins{
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;

  text-align: center;
  font-size: 24px;

}

#margins div{
  border-radius: 7px;
  margin: 15px;
  padding: 5px;

}

#margins div span{
  margin-left: 50px;
  margin-right: 50px;

}

.green{
  background: #72BF78;
  color: white;
}


.yellow{
  background: #FFC300;
    color: red;
}