// Page wrapper for all pages

.page {
  position: relative;
}

.primary-background {
  position: relative;
  min-height: 100vh;
  background-color: $primary-color;
}

.split-background {
  position: relative;
  min-height: 100vh;
  background:
    linear-gradient(
      to right,
      $primary-color 50vw,
      $off-white 50vw
    );
}

.base-layout {
  padding: 0 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: calc(100vh - 10rem);
  width: 100vw;
}

%centered-layout {
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

// Home page

.home-content {
  @extend .base-layout;
  flex-direction: row;
  justify-content: space-between;

  > div {
    width: 22.5rem;
  }

  > div:nth-child(2) {
    text-align: right;
  }
}

// Signin page

.signin-content {
  @extend %centered-layout;
}

// Apply page

.apply-content {
  @extend .base-layout;
  display: block;
}

// Thanks page

.thanks-content {
  @extend %centered-layout;
}

// Page wrapper for all pages

.page {
  position: relative;
}

.primary-background {
  position: relative;
  min-height: 100vh;
  background-color: $primary-color;
}

.split-background {
  position: relative;
  min-height: 100vh;
  background:
    linear-gradient(
      to right,
      $primary-color 50vw,
      $off-white 50vw
    );
}

.base-layout {
  padding: 0 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: calc(100vh - 10rem);
}

%centered-layout {
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

// Home page

.home-content {
  @extend .base-layout;
  flex-direction: row;
  justify-content: space-between;

  > div {
    width: 22.5rem;
  }

  > div:nth-child(2) {
    text-align: right;
  }
}

// Signin page

.signin-content {
  @extend %centered-layout;
}

// Apply page

.apply-content {
  @extend .base-layout;
  display: block;
}

// Thanks page

.thanks-content {
  @extend %centered-layout;
}

Remove strict `width: '100vw'` on layout
Remove strict `width: '100vw'` on layout
