#66 - Batmicky.html

<div>
  <p>
    <style>
      body {
        background: #191919
      }

      div,
      p,
      :before,
      :after {
        content: "";
        position: absolute
      }

      div {
        background: #f2ad43;
        width: 246px;
        height: 80px;
        top: 100px;
        left: 50%;
        transform: translateX(-50%)
      }

      div:before {
        background: #191919;
        width: 80px;
        height: 30px;
        border-radius: 0 0 10px 10px;
        left: 83
      }

      body:before {
        background: #191919;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        top: 100px;
        left: 25px;
        z-index: 1;
        -webkit-box-reflect: right 150px
      }

      body:after {
        background: #191919;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        top: 160px;
        left: 40px;
        z-index: 1;
        -webkit-box-reflect: right -80px
      }

      p {
        margin: 0;
        background: #f2ad43;
        width: 10px;
        height: 20px;
        top: 10px;
        right: 50%;
        -webkit-box-reflect: right
      }

      p:before {
        background: #f2ad43;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        top: -5px;
        left: -5px