html, body{
}

.msg-test{
    backdrop-filter: blur(5px);
}

.card-img-top{
    height: 220px;
}

/* Barra de navegacion */
.navbar{
    background-color: #dfdfdf;
}

/* Footer */
.ftr-icons{
    font-size: 1.3rem;
}

/* Others ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.btn:hover{
    box-shadow: 0px 0px 15px var(--bs-btn-color);
}

.loader{
    animation: loading-animation 1s linear infinite alternate;
    margin-bottom: 4px;
    border-radius: 3px;
}

.loader-card-title{
    animation: loading-animation 1s linear infinite alternate;
    border-radius: 3px;
    max-width: 12rem;
    content: "";
}

@keyframes loading-animation {
    0%{
        color: transparent;
        background-color: rgb(136, 136, 136);
    }

    100%{
        color: transparent;
        background-color: rgb(168, 168, 168);
    }
}