.spinner {
         width: 100px; /* Установите нужный вам размер */
         height: 100px; /* Установите нужный вам размер */
         border: 16px solid #f3f3f3; /* Светлый цвет круга */
         border-top: 16px solid #3498db; /* Цвет верхней части */
         border-radius: 50%; /* Делаем круг */
         animation: spin 2s linear infinite; /* Анимация вращения */
     }

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