.blob-upper-left {
      width: 20rem;
      height: 20rem;
      background-color: E0C0C0;
      border-radius: 5rem / 10rem;
      margin: 0 auto;
      float: left;
      position: fixed;
      top: 0rem;
      left:0rem;
      z-index: -1;
}

.blob-upper-right {
      width: 20rem;
      height: 20rem;
      background-color: D0D0D0;
      border-radius: 5rem / 10rem;
      margin: 0 auto;
      float: right;
      position: fixed;
      top: 0rem;
      right: 0rem;
      z-index: -1;
}

.blob-lower-left {
      width: 20rem;
      height: 20rem;
      background-color: F0D000;
      border-radius: 5rem / 10rem;
      margin: 0 auto;
      float: left;
      position: fixed;
      bottom: 0rem;
      left: 0rem;
      z-index: -1;
}

.blob-lower-right {
      width: 20rem;
      height: 20rem;
      background-color: D0C0F0;
      border-radius: 5rem / 10rem;
      margin: 0 auto;
      float: right;
      position: fixed;
      bottom: 0rem;
      right: 0rem;
      z-index: -1;
}

.shape {
  clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);
  background: linear-gradient(to bottom right, #1e3c72, #2a5298);
  width: 100%;
  height: 300px;
}