@keyframes AnimacionFondo {

    100% {
        background-position: 15% 30%;
    }
}

body {
    background-image: url(/resources/Sesionimage.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    animation: AnimacionFondo 6s infinite alternate linear;
}

.ContenedorInicioSesion {
    margin-top: 13%;
    background-color: rgba(255,255,255, 0.5);
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0,0,0, 0.6);
    backdrop-filter: blur(5px);
    color: #7e3d0f;
}

.btnLogin {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2a5555;
    --bs-btn-border-color: #2a5555;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #244848;
    --bs-btn-hover-border-color: #224444;
    --bs-btn-focus-shadow-rgb: 74, 111, 111;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #224444;
    --bs-btn-active-border-color: #204040;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2a5555;
    --bs-btn-disabled-border-color: #2a5555;
}