body{
    background-color: rgb(194, 230, 165);
    font-family: 'Times New Roman', Times, serif;
    font-size: 15px;
}

@keyframes spin{
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.sky{
    justify-items: center;
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    line-height: 10px;
    animation: spin 50s ease-in infinite;
}

.tower-wrapper{
    display: block;
    justify-items: center;
    line-height: 8px;
}

.tower-wrapper-up{
    justify-items: center;
}

.tower-wrapper-down{
    display: flex;
}

.tower-wrapper-downer{
    justify-items: center;
    line-height: 15px;
}

.tower{
    display: block;
}




@keyframes wind{
    from {
        transform: translateX(10px) rotate(0deg);
    }
    to {
        transform: translateX(-5px) rotate(10deg);
    }
}


.hair{
    display: block;
    line-height: 0px;
    color: rgb(255, 222, 88);
    background-color: rgb(228, 194, 55);

    animation: wind 8s ease-in infinite alternate;
    animation-delay: 0.8s;
}