#55 - Windmill.html

<div></div>
<div></div>
<div></div>
<div></div>
<style>
  body{
    background:#191919;
  }
  div:nth-child(1) {
    position:fixed;
    top:100;
    left:100;
   	width:100;
    height:50;
    border-top-left-radius:500px;
    border-top-right-radius:500px;
    background: #F9E492;
  }
  div:nth-child(2) {
    position:fixed;
    top:150;
    left:200;
   	width:100;
    height:50;
    border-top-left-radius:500px;
    border-top-right-radius:500px;
    background: #F9E492;
    transform:rotate(180deg)
  }
  div:nth-child(3) {
    position:fixed;
    top:75;
    left:175;
   	width:100;
    height:50;
    border-top-left-radius:500px;
    border-top-right-radius:500px;
    background: #4F77FF;
    transform:rotate(90deg)
  }
  div:nth-child(4) {
    position:fixed;
    top:175;
    left:125;
   	width:100;
    height:50;
    border-top-left-radius:500px;
    border-top-right-radius:500px;
    background: #4F77FF;
    transform:rotate(270deg)
  }
</style>