#51 - Wear a Mask.html

<div></div>
<div></div>
<div></div>
<div></div>
<style>
  body {
    background: #293462
  }

  div:nth-child(1) {
    position: fixed;
    top: 100;
    left: 125;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    width: 150px;
    height: 100px;
    background: #fff1c1
  }

  div:nth-child(2) {
    position: fixed;
    top: 100;
    left: 65;
    border: 10px solid #fff1c1;
    width: 250px;
    height: 40px;
    border-radius: 50px;
    background: transparent
  }

  div:nth-child(3) {
    position: fixed;
    top: 120;
    left: 145;
    width: 40px;
    height: 10px;
    border-radius: 50px;
    background: #fe5f55;
    -webkit-box-reflect: below 10px
  }

  div:nth-child(4) {
    position: fixed;
    top: 140;
    left: 215;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fe5f55