#11-Eye-of-Sauron.htm

<div a>
    <div b>
        <style>
            body {
                background: #191210;
            }

            div {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%)
            }

            [a] {
                border-radius: 50%;
                border: 20px solid #ECA03D;
                width: 100;
                height: 100
            }

            [b] {
                border-radius: 50%;
                background: #84271C;
                width: 50;
                height: 50
            }

            [a]:after,
            [a]:before {
                content: '';
                position: absolute;
                width: 60px;
                height: 30px;
                border: 20px solid #ECA03D;
                border-bottom: 0;
                border-radius: 50px 50px 0 0;
                left: 100%;
            }

            [a]:before {
                left: -100%;
                border: 20px solid #ECA03D;
                border-top: 0;
                border-radius: 0 0 50px 50px;
                top: 50%;
            }
        </style>