#spinner {
    display: inline-block;
    width: 64px;
    height: 64px;
}

#spinner:after {
    content: " ";
    display: block;
    width: 55px;
    height: 55px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid white;
    border-color: greenyellow rgb(52, 144, 220) greenyellow rgb(52, 144, 220);;
    animation: spinner-keyframe 1.2s linear infinite;
}

@keyframes spinner-keyframe {
    0% {
        transform: rotate(0deg);
    }
    /*25% {*/
    /*transform: rotate(-180deg);*/
    /*height: 75%;*/
    /*}*/
    /*50% {*/
    /*transform: rotate(180deg);*/
    /*height: 25%;*/
    /*}*/
    /*75% {*/
    /*transform: rotate(-180deg);*/
    /*height: 0%;*/
    /*}*/
    100% {
        transform: rotate(1080deg);
    }
}