#88-Tight-Corner.htm

<div a>
    <div c></div>
    <div e></div>
</div>
<div b>
    <div d>
        <style>
            body {
                background: #F7F3DA
            }

            div {
                position: absolute
            }

            [a],
            [b] {
                width: 200;
                height: 40;
                background: #D25B70;
                top: 36.5%;
                left: 0;
                border-radius: 0 10px 0 0;
            }

            [b] {
                top: 50%;
                transform: rotate(180deg);
                left: 50%
            }

            [c],
            [d],
            [e] {
                width: 40;
                height: 40;
                background: #D25B70;
                right: -20;
                top: 20
            }

            [d],
            [e] {
                top: 0;
                background: #F7F3DA;
                right: -40;
                border-radius: 20px