@import './quasar.variables.scss';
.subtitle {
  color: $primary;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 171.5%;
  margin: 0;
}

.mainTitle {
  width: 800px;
  font-style: normal;
  font-weight: 700;
  font-size: 34px;
  line-height: 51px;
  color: $color-text;
  margin: 0;
}

.spots {
  position: absolute;
  z-index: -1;
  background-image: radial-gradient(
    $primary 6%,
    transparent 10%,
    transparent 50%
  );
  background-size: 32px 32px;
}

.backgroundgry {
  position: absolute;
  width: 100vw;
  height: 100%;
  z-index: -1;
  background: rgba($color-Gry, 10%);
  left: calc(0px - (100vw - 100%) / 2);
  top: 0;
}

.wholeScreen {
  width: 100vw;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.wholePage {
  width: 90vw;
  max-width: 1140px;
}
@media only screen and (max-width: 600px) {
  .wholePage {
    width: 96vw;
  }
}