CSSBATTLE 4

gistfile1.txt

<div class="container">
  <div class="_1">
    <div class="circle"></div>
    <div class="square"></div>
    <div class="circle"></div>
  </div>
  <div class="_2">
    <div class="retangle"></div>
    <div class="circle_2"></div>
    <div class="retangle"></div>
  </div>
  <div class="_3">
    <div class="circle"></div>
    <div class="square"></div>
    <div class="circle"></div>
  </div>
</div>
<style>
  *{
    margin:0;
    padding:0;
    background:#2D3464;
  }
  .container{
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    margin-top:45
  }
  ._1, ._2, ._3 {
    display:flex;
    margin: 10 auto;
  } 
  .circle{
    width:50px;
    height:50px;
    background:#C0D6E7;
    border-radius:30px;
  }
  .circle_2{
    width:50px;
    height:50px;
    background:#C0D6E7;
    border-radius:30px;
    margin: 0 20
  }
  .square{
    width:50px;
    height:50px;
    background:#D95362;
    margin: 0 20
  }
  .retangle{
    width:155px;
    height:50px;
    background:#D95362; 
  }
</style>