:root {
  --app-primary-color: #ED7014;
  --app-secondary-color: #008080;
  --app-body-bg-color: #361859;
  --app-button-color: #F22C7E;
  --app-card-color: #6f1d72;
  --app-active-color: #1C938B;
  --app-text-color-1: #FFDD55;
  --app-text-color-2: #9D1700;
  --app-text-color-3: #B230B9;
  --app-text-color-4: #434343;
  --app-text-color-5: #8F2BA5;
  --app-header-height: 80px;
  --app-max-width: 1440px;
  --app-footer-height: 500px;
}

.text-size-1 {
  font-size: 56px;
}

.text-size-2 {
  font-size: 36px;
}

.text-size-3 {
  font-size: 13px;
}

.text-size-4 {
  font-size: 30px;
}

.text-size-5 {
  font-size: 60px;
}

.text-size-6 {
  font-size: 20px;
}

.text-size-7 {
  font-size: 28px;
}

.text-size-8 {
  font-size: 19px;
}

.text-color-1 {
  color: var(--app-body-bg-color);
}

.text-color-2 {
  color: var(--app-text-color-1);
}

.text-color-3 {
  color: var(--app-text-color-2);
}

.text-color-4 {
  color: var(--app-text-color-3);
}

.text-color-5 {
  color: var(--app-text-color-4);
}

.text-color-6 {
  color: var(--app-text-color-5);
}

.full-width {
  width: 100vw;
}

.button {
  border: none;
  outline: none;
}
.button.button-1 {
  background-color: var(--app-button-color);
  width: 198px;
  height: 50px;
  border-radius: 25px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 992px) {
  .text-size-1 {
    font-size: 38px;
  }
  .text-size-2 {
    font-size: 20px;
  }
  .text-size-3 {
    font-size: 10px;
  }
  .text-size-4 {
    font-size: 20px;
  }
  .text-size-6 {
    font-size: 16px;
  }
  .text-size-7 {
    font-size: 20px;
  }
  .text-size-8 {
    font-size: 14px;
  }
}/*# sourceMappingURL=common.css.map */