body {
  font-family: "Noto Sans", sans-serif;
}

.q-page-container {
  background: #efefef;
}

.budget-header {
  width: 100%;
  border-radius: 0 0 2rem 2rem;
  position: relative;
}
.budget-header-top {
  min-height: 7rem;
}
.budget-header-card {
  bottom: -2.5rem;
  width: calc(100% - 3rem);
}
.budget-header-card h6 {
  margin: 0;
  height: 2rem;
  font-size: 0.9rem;
  font-weight: bold;
}

.category-spends {
  border-left: 5px solid #ccc;
}

.q-slide-item__right {
  background: var(--q-negative);
}
.q-slide-item__left {
  background: var(--q-primary);
}

.IndexCards {
  width: 7rem;
}

body {
  background: #linear-gradient 90deg, rgb(11, 25, 46), rgb(1, 76, 188);
}