element.style {
}
.chatHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 80px;
}
.chatHeader {
    background-image: url(https://i.gifer.com/1er4.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.chatHeader {
    color: #f5f229;
}
.chatHeader {
    border-bottom-color: #fcfcfc;
}
.chatHeader {
    background-color: #ffffff;
}
.chatHeader {
    /* background: #b6e245 url(../../i/widget/headerback3.png) repeat-x left top; */
    background-color: #b6e245;
    color: #4a600d;
    border-bottom: 1px solid #a0ca2d;
}
.chatHeader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 45px;
    z-index: 99;
    /* overflow: visible; */
}
user agent stylesheet
div {
    display: block;
}
.chat {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    font: normal 10pt Arial;
    overflow: hidden;
}
body {
    color: #1852d9;
}
body {
    color: #5d5b53;
}
body {
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    color: #000000;
    background-color: #ffffff;
}
.chatHeader::before {
    content: "Чудо Радио";
    position: absolute;
    bottom: 10px;
    font-style: italic;
    font-family: "Georgia";
    font-size: 25px;
    text-shadow: 1px 1px 0 #fc3cb9;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
    z-index: -2;
    -webkit-animation-name: animate-logo;
    animation-name: animate-logo;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
.chatHeader::after {
    content: "";
    position: absolute;
    top: 0;
    right: 10%;
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
    width: 157px;
    height: 148px;
    background-image: url(https://b.radikal.ru/b04/2009/4f/b00b8b7bcbd4.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}