Pythagoras

<div></div>
<div></div>
<div></div>
<style>
  body {
    background: #d25b70;
    display: grid;
    place-items: center;
  }

  div {
    height: 100px;
    width: 100px;
    position: absolute;
  }

  div:nth-child(1) {
    background: #f7f3da;
    translate: 0 50px;
  }
  div:nth-child(2) {
    background: #6cb3a9;
    translate: -56px -42px;
    width: 60px;
    height: 60px;
    rotate: 37deg;
  }
  div:nth-child(3) {
    background: #f6df96;
    translate: 42px -56px;
    width: 80px;
    height: 80px;
    rotate: 37deg;
  }
</style>