a {
    color: darkblue !important;
}
.btn-bg, form .form-submit {
background-color: white;
border-color: #49369e;
color: black;
}

.btn-bg, form .form-submit:hover {
    background-color: #49369e;
    border-color: #49369e;
    color: white;
}

.btn-bg, form .form-submit:active {
    background-color: #49369e;
    border-color: #49369e;
    color: white;
}

.login-container .form-email:focus, .login-container .form-email:hover, .login-container .form-text:focus, .login-container .form-text:hover {
    border-color: black;
}

/* Define a keyframe animation named 'rotate' */
/* @keyframes rotate {
    0% { transform: rotate(0deg); }
    20% { transform: rotate(-10deg); }
    40% { transform: rotate(10deg); }
    60% { transform: rotate(-10deg); }
    80% { transform: rotate(10deg); }
    100% { transform: rotate(0deg); }
} */

/* Apply the animation to the image */
/* #rotatingImage {
    animation: rotate 5s ease-in-out;
} */


/* Define a keyframe animation named 'rotate' */
@keyframes rotate {
    0% { transform: rotate(0deg) scale(1); }
    50% { transform: rotate(10deg) scale(0.8); }
    100% { transform: rotate(0deg) scale(1); }
}

/* Apply the animation to the background */
#rotatingBackground {
    background-size: cover; /* Adjust the background size as needed */
    animation:  rotate 2s ease-in-out  0.5s; /* Initial scale for 2 seconds, then rotate for 3 seconds with a 2-second delay, repeat infinitely */
}