RSS CSS

<!DOCTYPE html>
<html>
    <head>
        <style>
            * { margin: 0; padding: 0; }
            #box { border-radius: 15%; height: 400px; position: relative; width: 400px; }
            #box div { border-top-right-radius: 100%; bottom: 0; position: absolute; }
            #box, .i { background-color: #F60; }
            .o { background-color: #FFF; }

            #box > div { height: 75%; margin: 12.5%; width: 75%; }
            #box > div > div { height: 82.5%; width: 82.5%; }
            #box > div > div > div { height: 85%; width: 85%; }
            #box > div > div > div > div { height: 75%; width: 75%; }
            #box > div > div > div > div > div { border-radius: 50%; height: 65%; width: 65%; }
        </style>
    </head>
    <body>
        <div id="box">
            <div class="o">
                <div class="i">
                    <div class="o">
                        <div class="i">
                            <div class="o"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>