CSSBattle

Daily Targets (260528)

코드
<w>
  <e></e>
  <g>
    <c></c>
    <c></c>
  </g>
  <e l></e>
</w>
<p>
<style>
  & {
    background: #534848
  }

  w {
    /* 로봇 머리 */
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 110;
    margin: 95 52 0;
    border-radius: 99q;
    background: #64DFE3
  }

  e {
    /* 로봇 귀 */
    width: 60;
    height: 60;
    margin-left: -25;
    border-radius: 50%;
    background: inherit
  }

  [l] {
    margin: 0 -25 0 0
  }

  g {
    /* 로봇 눈 영역 */
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 150;
    height: 80;
    padding: 0 10;
    border-radius: 99q;
    background: #31696B
  }

  c {
    /* 로봇 눈 */
    width: 60;
    height: 60;
    border-radius: 50%;
    background: #fff
  }

  p {
    /* 로봇 몸통 */
    width: 200;
    height: 100;
    margin: 10 auto;
    border-radius: 999q 999q 0 0;
    background: #64DFE3
  }
</style>