@media(max-width: 2975px) {
  * {
    font-size: 16px;
  }
}

@media(max-width: 1025px) {
  * {
      font-size: 11px;
  }
}

@media(max-width: 430px) {
  * {
    font-size: 8px;
  }
}

@media(max-width: 231px) {
  * {
    font-size: 6px;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;

  font-family: 'Inter';
  font-style: normal;
}

.footer {
  display: none;
}

html {
  height:100vh;
}

body {
  background: var(--highlight-background, #ECFDF5) no-repeat center center;
  background-size: cover !important;
  background-position: 50%;
  width: 100vw;
  height: 100vh;

  overflow: hidden;

  z-index: -1;

  display: flex;
  justify-content: center; /* Horizontally center the content */
  align-items: center; /* Vertically center the content */
}

.main-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 1.5rem;
  gap: 1rem;

  width: 27.5rem;
  height: auto;

  background-color: white;
  box-shadow: 0rem 1.3rem 1.6rem -0.3rem rgba(0, 0, 0, 0.1), 0px 0.5rem 0.6rem -0.4rem rgba(0, 0, 0, 0.1);
  border-radius: 0.8rem;

  flex: none;
  order: 1;
  flex-grow: 0;
  z-index: 1;
}