@import url('../main-css-components/style.css');
@import url('../main-css-components/navbar.css');
@import url('../main-css-components/button.css');
@import url('../main-css-components/footer.css');
@import url('../responsive/responsive-main-css-components/responsive-button.css');
@import url('../responsive/responsive-main-css-components/responsive-navbar.css');

.get-the-app-page .main-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  padding: 4rem 1.5rem;
}

.get-the-app-page .redirect-message {
  max-width: 480px;
  width: 100%;
  padding: 2.5rem 2rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.6;
  color: var(--color-dark);
  background-color: var(--color-white);
  border-radius: 24px;
  box-shadow: 0 20px 45px var(--color-shadow);
  border: 1px solid var(--color-border);
}

@media (max-width: 600px) {
  .get-the-app-page .redirect-message {
    font-size: 1.2rem;
    padding: 2rem 1.5rem;
  }
}