<div class="dark thin"></div>
<div class="dark thick">
<div class="light thin-in"></div>
<div class="light thick-in"></div>
<div class="light thin-in"></div>
</div>
<div class="dark thin"></div>
<style>
body {
height: 100%;
width: 100%;
background: #A1E6E4;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
div {
display: flex;
justify-content: center;
align-items: center
}
.dark {background: #2F5A76}
.light { background: #A1E6E4}
.thin {height: 8.75rem; width: 1.9rem;}
.thick {height: 12.5rem; width: 15rem;}
.thin-in {height: 1.9rem; width: 12.5%;}
.thick-in {height: 5rem; width: 75%;}
</style>