/* Animasi loading */
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Gaya animasi */
.loading-container {
text-align: center;
margin-top: 20%;
}
.loading {
border: 8px solid #f3f3f3;
border-top: 8px solid #3498db;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 1s linear infinite;
margin: auto;
margin-bottom: 10px;
}
.loading-text {
font-size: 18px;
color: #333;
}