cssbattle51

<i class="t z v">
  <i class="t a"></i>
  <i class="t z b"></i>
  <i class="t y c"></i>
  <i class="t y d"></i>
</i>
<style>
* {background: #293462}
.t {position: absolute}
.z {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.v {
  width: 270px;
  height: 100px;
}
.a {
  width: 250px;
  height: 40px;
  border: 10px solid #FFF1C1; 
  border-radius: 50px;
}
.b {
  width: 150px;
  height: 100px;
  border-radius: 0 0 50px 50px;
  background: #FFF1C1;
}
.y {
  width: 40px;
  background: #FE5F55; 
  border-radius: 50px;
}
.c {
  height: 10px;
  top: 20px;
  left: 80px;
  box-shadow: 0 20px #FE5F55;
}
.d {
  height: 40px;
  top: 40px;
  left: 150px;
}
</style>