body {
  font-family: Arial;
  color: white;
  background-color: rgb(25, 25, 35);
}

.coin-image {
  height: 300px;
  width: 300px;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: 20px;
}

.money-counter {
  font-size: 30px;
  margin-left: 20px;
}

.bet-text {
  font-size: 25px;
  margin-top: 7px;
  margin-right: 10px;
  margin-bottom: 20px;
}

.bet-input {
  font-size: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border: none;
  border-radius: 10px;
  background-color: rgb(50, 50, 70);
  color: white;
}

::placeholder {
  color: white;
}

.guess-button {
  border: none;
  border-radius: 15px;
  background-color: rgb(75, 75, 115);
  padding: 15px;
  font-size: 30px;
  color: white;
  cursor: pointer;
}

.bet-section {
  display: grid;
  grid-template-columns: 60px 550px;
  margin-left: 20px;
}

.guess-section {
  display: grid;
  grid-template-columns: 300px 300px;
  column-gap: 10px;
  margin-left: 20px;
}

.error-text {
  font-size: 25px;
  margin-left: 20px;
}

.result-text {
  font-size: 50px;
  margin-left: 20px;
}

.win {
  color: greenyellow;
}

.loss {
  color: red;
}