#08-Forking-Crazy.htm

<div a></div>
<div b></div>
<ul>
    <li>
    <li>
    <li>
    <li>
    <li>
    <li>
    <li>
        <ul>
            <style>
                body {
                    background: #6592CF;
                }

                div {
                    position: absolute;
                }

                [a] {
                    width: 140px;
                    height: 150px;
                    background: #060F55;
                    top: 33.5%;
                    left: 50%;
                    transform: translateX(-50%);
                    border-radius: 0 0 100% 100%;
                }

                [b] {
                    width: 20px;
                    height: 55px;
                    background: #060F55;
                    bottom: 0;
                    left: 50%;
                    transform: translateX(-50%)
                }

                ul {
                    display: flex;
                    list-style: none;
                    position: absolute;
                    left: 22.5%;
                    top: 11.2%;
                }

                li {
                    width: 20px;
                    height: 110px;
                }

                li:nth-child(even) {
                    background: #6592CF;
                    border-radius: 0 0 10px 10px;
                }

                li:nth-child(odd) {
                    background: #060F55;
                    border-radius: 10px 10px 0 0;
                }
            </style>