cssbattle52

<i class="t y c"></i>
<i class="t y d"></i>
<i class="t z a"></i>
<i class="t z b"></i>
<style>
* {background: #6592CF}
.t {position: absolute}
i {background: #243D83}
.z {
  box-shadow: 45px 0 #243D83, 90px 0 #243D83, 165px 0 #243D83, 210px 0 #243D83, 255px 0 #243D83, 300px 0 #243D83;
}
.a {
  width: 10px;
  height: 50px;
  top: 140px;
  left: 45px;
}
.b {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: 130px;
  left: 40px;
}
.y {
  border-radius: 50%;
  background: #EEB850;
}
.c {
  width: 60px;
  height: 60px;
  top: 100px;
  left: 65px;
}
.d {
  width: 40px;
  height: 40px;
  top: 120px;
  left: 30px;
  box-shadow: 90px 0 #EEB850;
}
</style>