body {
  margin: 0;
}

main {
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(green, white);
}

.div1 {
  position: absolute;
  top: 3%; right: 3%;
  width: 90%; height: 20%;
  background-image: linear-gradient(white, blue);
  filter: drop-shadow(8px 0px 15px white);
}

.div1 div:only-child {
  margin: auto;
  width: 86%;
  height: 80%;
  background-image: linear-gradient(white, blue);
  transform: translate(7%,60%);
}

.div2 {
  position: absolute;
  bottom: 3%; left: 3%;
  width: 10%; height: 60%;
  background-image: radial-gradient(white 20%, pink, darkorange, black);
  border-radius: 100%;
  box-shadow: 8px 1px 40px 8px red;
  filter: drop-shadow(8px 1px 35px white);
}

.div2 div {
  border-radius: 100%;
  width: 90%;
  height: 70%;
  background-image: radial-gradient(white 20%, pink, darkorange, black);
  transform: translate(90%,30%);
  /* filter: drop-shadow(8px -5px 15px red); */
  box-shadow: 8px 1px 40px 5px red;
}