.wheel
{
    border: 2px solid black;
    position: absolute;
    width: 55vw;
    height: 55vw;
    max-height: 500px;
    max-width: 500px;
    margin-left: 450px;
    margin-top: 50px;
    border: 2px solid black;
    border-radius: 50%;
    animation-name: wheel;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.line
{
    background-color: black;
    width: 50%;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform-origin: 0% 0%;
}
.line:nth-of-type(2)
{
    transform: rotate(60deg);
}
.line:nth-of-type(3)
{
    transform: rotate(120deg);
}
.line:nth-of-type(4)
{
    transform: rotate(180deg);
}
.line:nth-of-type(5)
{
    transform: rotate(240deg);
}
.line:nth-of-type(6)
{
    transform: rotate(300deg);
}
.cabin
{
    background-color: red;
    width: 20%;
    height: 20%;
    border: 2px solid;
    position: absolute;
    transform-origin: 50% 0%;
    animation: 10s ease-in-out infinite cabin;
}
.cabin:nth-of-type(1)
{
    right: -8.5%;
    top: 50%;
}
.cabin:nth-of-type(2)
{
    right: 17%;
    top: 93.5%;
}
.cabin:nth-of-type(3)
{
    right: 67%;
    top: 93.5%;
}
.cabin:nth-of-type(4)
{
    left: -8.5%;
    top: 50%;
}
.cabin:nth-of-type(5)
{
    left: 17%;
    top: 7%;
}
.cabin:nth-of-type(6)
{
    right: 17%;
    top: 7%;
}
@keyframes wheel{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@keyframes cabin{
    0%{
        transform: rotate(0deg);
    }
    25%
    {
        background-color: yellow;
    }
    50%
    {
        background-color: purple;
    }
    75%
    {
        background-color: yellow;
    }
    100%{
        transform: rotate(-360deg);
    }
}