MemberScroll

<- Working as a full-time Product Designer. A SaaS
app that manages members, payments and revenue
of member-oriented organistaions.

MemberScroll

<- Working as a full-time Product Designer. A SaaS
app that manages members, payments and revenue
of member-oriented organistaions.

MemberScroll

<- Working as a full-time Product Designer. A SaaS
app that manages members, payments and revenue
of member-oriented organistaions.

<div class="work-backstage-desc">
      <div class="backstage-description">
        <h2>Backstage Army</h2>
        <p class="bs-para">
          Working as a full-time Product Designer on a B2C app.
          <br />Backstage.Army is a home for creators and people who love
          <br />& support them. We help creators to ->
        </p>
      </div>

      <div class="backstage-app-ss">
        <img class=backstage-app" src="assets/BS-2.png"
        alt="bBackstage-app-screenshots">
      </div>
    </div>
    <div class="work-MemberScroll-desc">
      <img
        src="assets/MemberScroll-ss.png"
        alt="MemberScroll-app-Screenshots"
      />
      <div class="ms-para">
        <h2>MemberScroll</h2>
        <p>
          <- Working as a full-time Product Designer. A SaaS <br />
          app that manages members, payments and revenue<br />of member-oriented
          organistaions.
        </p>
      </div>
    </div>

.work-backstage-desc {
  margin-top: 190px;
  display: flex;
  justify-content: space-between;
}

.work-backstage-desc:hover {
  margin-top: 50px;
  margin: 0rem;
  padding: 2em;
  cursor: pointer;
  background: #ffffff;
  text-decoration: none;
  border-radius: 12px;
  color: #232323;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

h2 {
  font-size: 32px;
  font-weight: 800;
}
.bs-para {
  font-size: 1.2rem;
  line-height: 28px;
}

.work-MemberScroll-desc {
  margin-top: 190px;
  display: flex;
  justify-content: space-between;
}

.ms-para {
  font-size: 1.2rem;
  line-height: 28px;
}

.work-MemberScroll-desc:hover {
  margin-top: 50px;
  margin: 0rem;
  padding: 2em;
  cursor: pointer;
  background: #ffffff;
  text-decoration: none;
  border-radius: 12px;
  color: #232323;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

content: " ";
  position: absolute;
  top: -0.25em;
  left: 0;
  width: 2.5em;
  height: 2.5em;
  transform: skew(-20deg) rotate(-8deg);
  border-radius: 2em;
  background: var(--highlight);
  z-index: -1;