#4 - Ups n Downs.html

<div class='shape'></div>
<div class='shape shape1'></div>
<div class='shape shape2'></div>
<style>
  *{
    background-color:#62306D;
    position:relative;
    margin:0;
  }
  .shape {
    position:absolute;
    border-radius:50% 50% 0 0;
    top:50;
    left:150;
    width: 100px;
    height: 100px;
    background: #F7EC7D;
  }
   .shape1 {
    top:150;
    left:50;
	transform:rotate(180deg)
  }
	.shape2 {
    top:150;
    left:250;
	transform:rotate(180deg)
  }
</style>