21/01/2025

<div class="bar">
<div class="box out">
  <div class="box in"></div>
</div>
</div>
<style>
  body {
    background: #2F5A76;
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 0.5rem;
  }
  div {background: #BFE33A}
  .bar {width: 100%; height: 8.75rem}
  .box {
    position: absolute;
    translate: -50% -50%;
    top: 50%;
    left: 50%;
  }
  .out {
    rotate: 45deg;
    background: #2F5A76;
    height: 9.37rem;
    width: 9.37rem;
  }
  .in {height: 4.4rem; width: 4.4rem}
</style>