@import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&display=swap');

@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

.highlight {
  color: #afccff;
  font-weight: bold;
}
.points-section {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}
.points-title {
  color: #343a40;
  font-size: 24px;
}
.conversion-rate {
  color: #17a2b8;
  font-size: 18px;
}
.balance-btn {
  background-color: #17a2b8;
  border-color: #17a2b8;
  transition: background-color 0.3s, border-color 0.3s;
}
.balance-btn:hover {
  background-color: #138496;
  border-color: #138496;
}
.balance-conversion {
  margin-top: 20px;
}
.balance-conversion label {
  font-size: 18px;
}
.balance-conversion input[type="number"] {
  width: 120px;
  text-align: center;
}
.points-info {
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.points-title {
color: #343a40;
font-size: 24px;
margin-bottom: 10px;
}

.points-amount {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #dee2e6;
padding-top: 10px;
margin-top: 10px;
}

.points-amount p {
font-size: 20px;
color: #343a40;
}

.dollars-amount {
color: #17a2b8;
font-weight: bold;
}

.conversion-rate {
color: #6c757d;
font-size: 16px;
}