.form-signin {
    max-width: 2000px;
    padding: 1rem;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.circle-ripple {
    animation: ripple 1s linear infinite;
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(17, 59, 109, 0.7),
            0 0 0 0.2em rgba(17, 59, 109, 0.7);
    }

    50% {
        box-shadow: 0 0 0 0.1em rgba(17, 59, 109, 0.7),
            0 0 0 0.5em rgba(17, 59, 109, 0.5);
    }

    100% {
        box-shadow: 0 0 0 0.2em rgba(17, 59, 109, 0.7),
            0 0 0 0.7em rgba(17, 59, 109, 0);
    }
}


.circle-btn {
    animation: ripple 1s linear infinite;
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7),
            0 0 0 0.2em rgba(0, 0, 0, 0.7);
    }

    50% {
        box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.7),
            0 0 0 0.5em rgba(0, 0, 0, 0.5);
    }

    100% {
        box-shadow: 0 0 0 0.2em rgba(0, 0, 0, 0.7),
            0 0 0 0.7em rgba(0, 0, 0, 0);
    }
}