<style>
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
margin-top: 1.9rem;
background: #2D3464;
}
.bx {
width: 7.5rem;
height: 7.5rem;
background: #C0D6E7;
position: relative;
}
.oval {
background: #C0D6E7;
border-radius: 5rem;
width: 10.0rem;
height: 5rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.lines {
display: grid;
height: 3.75rem;
width: 7.5rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 0.65rem;
}
.line {background: #D95362}
</style>
<div class="bx">
<div class="oval"></div>
</div>
<div class="lines">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>