Fake 3d

@grid: 4 / 65vmin / #fff  ^-4vmin;

--ca: #ffecba, #ff8d68, #a10054, #001f52;
--cb: #bff4ed, #280f34, #b30753, #f6c667;

background: @p(--ca)aa;
transform: scale(.5) translate(-50%, -50%);
box-shadow: 4.2vmin 4.2vmin 0 8vmin @P(--cb)aa;
margin: 3vmin;

:after, :before {
  content: '';
  position: absolute;
  @size: 100%;
  transform-origin: 0 0;
}

:after {
  transform: translateX(100%) skewY(45deg);
  background: @p(--cb);
}
:before {
  transform: translateY(100%) skewX(45deg);
  background: @p(--ca);
}