css battle i scored 100 % number 3
<body>
<div class="C"></div>
<div class="A">
<div class="B"></div>
</div>
<style>
.A {
width: 200px;
height: 100px;
background: #FE5F55;
position:absolute;
top:90;
border-radius:20px;
display:flex;
justify-content:center;
align-items:center;
}
.B{
width:140px;
height:40px;
border-radius:20px;
background-color:#A64942;
}
.C{
width:200px;
height:120px;
border-radius:20px;
background-color:#A64942;
}
body{
background-color:#293462;
display:flex;
justify-content:center;
align-items:center;
}
</style>
</body>