body header.header {
    background-color: transparent;
    transition: background-color .3s ease, box-shadow .3s ease;
    z-index: 9999;
}
a.linguagem img {
    max-width: 30px;
    max-height: 30px;
    margin-top: -10px;
}
a.linguagem {
    font-size: 0px !important;
}
.ba-item-image .ba-image-wrapper img:hover {
    filter: grayscale(0%);
}
@supports (animation-timeline: scroll()) {

    body header.header {
        animation: headerScroll linear both;
        animation-timeline: scroll();
        animation-range: 0 100px;
    }

    @keyframes headerScroll {
        from {
            background-color: transparent;
            box-shadow: none;
        }

        to {
            background-color: #ffffff;
            box-shadow: 0 4px 20px rgba(0, 0, 0, .08);
        }
    }
}