BlackLivesMatter.html

<div x>
  <div a i></div>
  <div b i></div>
  <div c i></div>
  <div d i></div>
</div>
<div y j></div>
<div z j></div>
<div w j></div>
<style>
  body {
    background: #f9e492;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  div {
    background: #191919;
  }
  [x] {
    background: #f9e492;
    height: 100;
    width: 200;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translateY(-62px);
  }
  [i] {
    margin: 0 2.5 5 2.5;
    border-radius: 100px;
  }
  [a] {
    background: #191919;
    height: 45;
    width: 20;
    margin-left: 8;
  }
  [b] {
    background: #191919;
    height: 55;
    width: 20;
  }
  [c] {
    height: 45;
    width: 20;
  }
  [d] {
    height: 35;
    width: 20;
  }
  [j] {
    position: absolute;
  }
  [y] {
    width: 100;
    height: 100;
    transform: translateY(-22px);
    border-radius: 0 0 10px 10px;
    clip-path: inset(60% 0 0 0);
  }
  [z] {
    width: 50;
    height: 50;
    border-radius: 0 0 10px 10px;
    transform: translateY(48px);
  }
  [w] {
    width: 20;
    height: 65;
    border-radius: 10px;
    transform: translate(-33px, -8px) rotate(60deg);
    box-shadow: 0px 0px 0px 5px #f9e492;
  }
</style>