@keyframes AnimacionFondo{

   100% {
       background-position: 15% 20%;


    }




}



body{


    background-image: url(/Resources/blurry-gradient-haikei.svg);
    background-repeat: no-repeat;
    background-size:cover;

    align-items: center;
    margin: 0;
    justify-content:center;
    animation:animacionFondo 3s infinite alternate linear;

}










.InicioSesionContainer {
    position: unset;
    margin-top: 13%;
    background-color: rgba(255,255,255, 0.5);
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0,0,0, 0.9);
    backdrop-filter: blur(5px);
    color: #FFF;
}



#TituloInicioSesion {
    color: #FFF;
}