.website-wrapper {
    max-width: 90rem;
    margin: 0 auto;
    position: relative;
    background: var(--primary-dark);
    z-index: 1;
  }

@media (min-width: 90rem) {
    body::before,
    body::after {
      content: "";
      position: fixed;
      top: 0;
      bottom: 0;
      width: calc( (100vw - 90rem) / 2 );
      pointer-events: none;
      z-index: 2;
    }

    body::before {
      left: 0;
      background: linear-gradient(to right,
        rgba(200,200,200,0.5),
        transparent
      );
    }

    body::after {
      right: 0;
      background: linear-gradient(to left,
        rgba(26, 13, 87, 0.5),
        transparent
      );
    }
  }