.body {
  background-color: var(--q-color-secondary);
  /* background-color: var(--secondary-color); */
}

.app {
  border: solid 1px var(--q-color-primary);
  /* border: solid 1px var(--primary-color); */
  background-color: #fff;
}

.app h1 {
  color: var(--q-color-primary);
  /* color: var(--primary-color); */
}

.banner1 {
  width: 100%;
  background-color: var(--q-color-primary);
  /* background-color: var(--primary-color); */
  padding-top: 4rem;
  padding-bottom: 4rem;
  margin: 0; /* overridden by stipple-core */
  color: var(--q-color-secondary); /* overridden by stipple-core */
  line-height: unset;
}

.banner2 {
  justify-content: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
}