UseHandSanitizer.html

<div a>
  <div b></div>
</div>
<div c></div>
<div d></div>
<div e></div>
<div f></div>
<div g></div>
<style>
  body {
    background: #1a4341;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
  }
  [a] {
    position: absolute;
    height: 140;
    width: 100;
    background: linear-gradient(#f3ac3c 0% 40%, #998235 40%);
    transform: translateY(22px);
    border-radius: 20px;
  }
  [b] {
    position: absolute;
    background: #998235;
    height: 50;
    width: 50;
    border-radius: 50%;
    transform: translateY(30px);
    box-shadow: 50px 0px #f3ac3c;
  }
  [c] {
    position: absolute;
    background: #f3ac3c;
    height: 25;
    width: 50;
    border-radius: 10px 10px 0px 0px;
    transform: translateY(-55.5px);
  }
  [d] {
    position: absolute;
    background: #f3ac3c;
    height: 50;
    width: 20;
    transform: translateY(-80px);
  }
  [e] {
    position: absolute;
    background: #f3ac3c;
    height: 20;
    width: 150;
    transform: translate(25px, -98px);
    border-radius: 100px;
  }
  [f] {
    position: absolute;
    background: #f3ac3c;
    height: 40;
    width: 20;
    transform: translate(90px, -88px);
    border-radius: 100px;
  }
  [g] {
    position: absolute;
    background: #998235;
    height: 20;
    width: 20;
    border-radius: 50%;
    transform: translate(90px, -48px);
    box-shadow: 0px 30px #998235;
  }
</style>