.loading{

    text-align:center;

    padding:60px;

}

.spinner{

    width:50px;

    height:50px;

    border:4px solid #ddd;

    border-top:4px solid var(--primary);

    border-radius:50%;

    display:inline-block;

    animation:spin 1s linear infinite;

}

@keyframes spin{

    to{

        transform:rotate(360deg);

    }

}