015_overlap.md

Battle #2 - Visibility

#15 - Overlap

Link to the problem

<div class="circle left"></div>
<div class="circle right"></div>
<div class="mid"></div>
<style>
  body {
    background: #09042A;
    margin: 0;
  }
  div {
    position: absolute;
  }
  .circle {
    width: 150px;
    height: 150px;
    background: #7B3F61;
    border-radius: 50%;
  }
  .left {
    background: #7B3F61;
    margin: 75px;
  }
  .right {
    background: #E78481;
    margin: 75px 175px;
  }
  .mid {
    width: 80px;
    height: 80px;
    background: #09042A;
    border-radius: 100% 5%;
    transform: rotate(-45deg);
    margin: 110px 160px;
  }
</style>