h2 {
  text-align: center;
}

.qb-container {
  display: flex;
  justify-content: center;
}

.qb-card {
  padding: 50px;
  justify-content: center;
  margin-bottom: 10px;
}

li.GoalList {
  font-size: 22px;
  opacity: 0.8;
}

h2.GoalTitle {
  font-size: 22px;
  text-align: left;
  opacity: 0.7;
  line-height: 40%;
}

h2.Insta {
  font-size: 22px;
  text-align: left;
  opacity: 0.7;
  font-weight: bold;
}

.qb-row-item {
  padding: 0 20px;
  width: 100%;
}

.qb-button {
  display: flex;
  justify-content: center;
}

.tracker-container {
  padding-top: 200px;
  margin-bottom: 50px;
}

.footer {
  margin-top: 50px;
  margin-bottom: 100px;
  display: flex;
  justify-content: center;
}

.trackeritem-container {
  display: flex;
  justify-content: center;
}

.tracker-card {
  width: 50%;
  justify-content: center;
  margin-bottom: 10px;
}

.tracker-buttons {
  float: right;
}

mat-button-toggle-group {
  display: flex;
  flex-direction: column;
  width: 50px;
}

.lang-button-div {
  text-align: center;
}

.lang-button {
  background-color: #35a2a6;
  top: 10px;
  color: white;
}

.recommended-amount {
  display: flex;
  flex-direction: column;
  transition: all ease-in-out 0.2s;
}

.recommended-amount:hover {
  border: 1px solid #888;
  background-color: #ddd;
}

@media (max-width: 500px) {
  .tracker-card {
    width: 90%;
  }
}

/* .mat-button-toggle-checked {
  background-color: #6880EE;
} */

/*.top{
  color: #d96459;
}

.med{
  color: #588c7e;
}

.bot{
  color: #ffcc5c;
}*/
