.main-page {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  flex-direction: column;

  /* width: 100%; */
  display: flex;

  justify-content: center;
}

.content {
  margin: 0;
  padding-left: 10rem;
  padding-right: 10rem;
  padding-top: 7rem;
  padding-bottom: 7rem;
  flex-basis: 100%;
  /* flex-wrap: wrap; */
  flex-direction: column;
  display: flex;

  justify-content: center;
  position: relative;

  background-color: #fdfdfd;
}

.nav-container {
  flex-basis: 100%;
  flex-grow: 1;
}

.nav-wrapper {
  position: fixed;
  top: 0;
  overflow: hidden;
}

.scroll-hint-container {
  position: absolute;
  bottom: 10%;
  display: flex;
  flex-direction: column;

  color: var(--secondary-color);
  transition: all 0.5s ease;
}

.card-container {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  flex-direction: row;
  justify-content: center;
}

.uberuns {
  flex-direction: row;
}

.flex-row {
  flex-direction: row;
}