Back

211 - CSS weekly

<div><p a><p></div><dl><dl>
<style>
  * {
    background: #9B8170;
    body {
      scale: -1 1;
      margin: 90px 180px;
      dl {
        height: 20px;
        width: 20px;
        position: fixed;
        top: 134px;
        left: 20px;
        dl {
          width: 40px;
          top: 62px;
          left: -73px;
          rotate: 45deg;
        }
      }
      div {
        background: none;
        -webkit-box-reflect: left -40px;
        p {
          margin: 0;
          height: 40px;
          width: 40px;
          border: solid 20px #FFF;
          border-radius: var(--r, 9in 9in 0 9in);
        }
      }
      p + p {
        height: 60px;
        width: 100px;
        border-radius: 9in 9in 0 0;
        margin: -10px 0;
        position: relative;
      }
      [a] {
        margin: 0 30px;
        rotate: 45deg;
      }
    }
  }
</style>