<div class="box">
<div class="box-in"></div>
</div>
<div class="bar"></div>
<style>
body {
background: #2F5A76;
display: grid;
place-content: center;
height: 100%;
width: 100%;
margin: 0;
}
.box {
width: 10rem;
height: 14.35rem;
background: #F3AC3C;
display: grid;
place-content: center;
}
.box-in {
background: #2F5A76;
height: 11.85rem;
width: 7.5rem;
}
.bar {
position: absolute;
height: 3.75rem;
width: 22.5rem;
background: #F3AC3C;
top: 50%;
left: 50%;
translate: -50% -50%;
}
</style>