10/08/2025

<div class="outer">
  <div class="inner"></div>
</div>
<style>
  body {
    background: #328FC1;
    display: grid;
    place-content: center;
    height: 100%;
    margin: 0;
  }
  .outer {
    width: 11.9rem;
    height: 11.9rem;
    border: 1.9rem solid #243D83;
    border-right: none;
    border-top: none;
    position: relative;
    overflow: hidden;
  }
  .inner {
    width: 15rem;
    height: 5rem;
    background: #EBE77E;
    border-top: 1.9rem solid #243D83;
    position: absolute;
    bottom: 0;
    transform: rotate(45deg) translate(-1.5rem, 5.32rem);
  }
</style>