<body>
<div class="cir"></div>
<div class="bar"></div>
<div class="block"></div>
</body>
<style>
body {
display: flex;
flex-direction: column;
align-items: center;
margin: 0;
background: #EA9A52;
}
div {
width: 100px;height: 100px;
background: #515697;
}
.cir {background: #FCEBEB;border-radius: 50%;}
.bar {width: 100%;}
</style>