body{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: #f5f5f5;
}

.circle{
    height: 200px;
    width: 200px;
    border-radius: 50%;
    border: 10px solid #666699;
    border-top: 10px solid blue;
    animation: loading 1s linear none infinite;
}

@keyframes loading {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}