.parsley-errors-list {
    list-style-type: none;
    /* Remove the <li> elements */
    padding: 0;
    margin: 0;
    color: red;
    /* Set error text color to red */
    font-size: 0.775rem;
}

/* Optional: Additional error message styling */
.parsley-errors-list li {
    color: red;
}

/* Container for Perspective Effect */
#logo-container {
    perspective: 350px;
    /* Adds depth for the 3D rotation */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 300px;
    margin: auto;
}

/* Animated Logo */
#animated-logo {
    /* width: 220px; */
    height: auto;
    border-radius: 30%;
    /* Keeps the logo rounded */
    filter: drop-shadow(50px 50px 150px rgba(0, 0, 0, 0.23));
    /* Light shadow for depth */
    animation: logo-rotate 6s infinite alternate ease-in-out, logo-glow 3s infinite alternate;
}

/* Keyframes for Logo Rotation */
@keyframes logo-rotate {
    0% {
        transform: rotateY(0deg) rotateX(0deg);
    }

    50% {
        transform: rotateY(60deg) rotateX(30deg);
    }

    100% {
        transform: rotateY(0deg) rotateX(0deg);
    }
}

/* Keyframes for Logo Glow */
@keyframes logo-glow {
    0% {
        filter: drop-shadow(5px 5px 15px rgb(0, 0, 0));
    }

    100% {
        filter: drop-shadow(10px 10px 30px rgb(0, 0, 0));
    }
}