For a stupid question

revolve4times.html

<style>
    html, body, div {
        padding: 0;
        margin: 0;
    }

    #big {
        border-radius: 50%;
        width: 300px;
        height: 300px;
        top: 100px;
        left: 100px;
        position: absolute;
        border-width: 1px;
        border-color: black;
        border-style: solid;
    }

    #small {
        border-radius: 50%;
        width: 100px;
        height: 100px;
        top: 0px;
        left: 200px;
        position: absolute;
        border-width: 1px;
        border-color: black;
        border-style: solid;
        animation: spin 2s linear infinite;
    }

    #wrap {
        position: absolute;
        width: 500px;
        height: 500px;
        top: 0px;
        left: 0px;
        animation: spin 6s linear infinite;
    }

    #indicator {
        position: absolute;
        width: 2px;
        height: 50px;
        border-radius: 50%;
        background-color: red;
        left: 50px;
        bottom: 0;
    }

    @keyframes spin {
        to {
            transform: rotate(360deg);    
        }
    }
</style>

<div id="big"></div>
<div id="wrap">
<div id="small">
<div id="indicator">

</div>
</div>
</div>