.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

html, body {
    background-color: #0B0B2A;
    margin: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

/* Spinner styles */
.spinner {
    border: 5px solid rgba(255, 255, 255, 0.2); /* Light grey border */
    border-top: 5px solid #fff; /* White border for the top side */
    border-radius: 50%; /* Make it a circle */
    width: 50px; /* Size of the spinner */
    height: 50px; /* Size of the spinner */
    animation: spin 1s linear infinite; /* Animation to spin it */
}

@keyframes spin {
    0% {
        transform: rotate(0deg); /* Start rotation from 0 degrees */
    }
    100% {
        transform: rotate(360deg); /* Rotate a full 360 degrees */
    }
}