Upwards

<div id="outer">
  <div></div>
  <div></div>
</div>
<style>
  body {
    display: grid;
    place-content: center;
    place-items: center;
    background: #998235;
  }
  #outer div {
    width: 140px;
    height: 70px;
    background: #dd6b4d;
  }

  #outer {
    margin-top: 50px;
    rotate: -45deg;
  }

  #outer div:nth-child(1) {
    background: #0b2429;
  }
  #outer div:nth-child(2) {
    background: #fcbe5c;
    width: 70px;
    rotate: 90deg;
    translate: 70px;
  }
</style>