.chatHeader .chatHeaderWrapper:after { content:"Добро пожаловать в чат"; font-family: a_AlgeriusBlw; font-size: 36px; color:#e000c8; letter-spacing: 2px; position: absolute; top:80%; left:0px; bottom:0; right:0px; z-index: 1; -webkit-animation: l1_animation 40s linear infinite; -moz-animation: l1_animation 40s linear infinite; } 
@-webkit-keyframes l1_animation { 0%{left:100%;} 100%{left:-100%;} } 
@-moz-keyframes l1_animation { 0%{left:100%;} 100%{left:-100%;} } 


/* страница входа*/
.chatFull .transparent {
  height: 100%;
  width: 100%;
  position: absolute;
   left: 0;
   top: 0;
background-color: transparent;
background-image: url("https://allwebs.ru/images/2026/05/31/f9089f2fff84927cc9aa04752e1cd71f.gif"), url("https://allwebs.ru/images/2026/05/31/d2d8de4da93d09fd85797bfa33c48a3b.gif"), 
url("https://allwebs.ru/images/2025/07/20/35de0bbfc8903f14868b46cab986fa5f.gif"),
url("https://allwebs.ru/images/2026/05/31/8caee28600bd00a49200f7c0f4804fed.gif");  
    background-position: bottom 25px right 20px, bottom 0 left 500px, bottom 0 left 300px, bottom 0px left 0;
    background-repeat: no-repeat,no-repeat, no-repeat, no-repeat;
    background-size:auto 25%, 20% 30%,10% 30%, 100% 100%;
    opacity: 1;
}
.chatFull .transparent:after {
content:"добро пожаловать!";
font-family:arial;
font-size: 26px;
color:#ff0000;
 text-shadow:1px 0px 0px #555;
text-align: center;
position: absolute;
       top:20%; left:20px; bottom:0; right:20px;
z-index: 1;
-webkit-animation: l3_animation 9s linear infinite;
    -moz-animation: l3_animation 9s linear infinite;
}
 @-webkit-keyframes l3_animation {
    0%    {color: rgb(0,0,255); }
    20%   {color: rgb(0,255,255); }
    40%   {color: rgb(255,0,0); }
    60%   {color: rgb(255,255,0); }
    80%   {color: rgb(255,255,255); }
    100%  {color: rgb(0,0,255); }
  }    

  @-moz-keyframes l3_animation {
    0%    {color: rgb(0,0,255); }
    20%   {color: rgb(0,255,255); }
    40%   {color: rgb(255,0,0); }
    60%   {color: rgb(255,255,0); }
    80%   {color: rgb(255,255,255); }
    100%  {color: rgb(0,0,255); }
  }
.chatFull .transparent:before {
    content:""; 
font-family: arial;
font-size: 18px;

text-align: center;
text-shadow:3px 3px 10px blue,-3px -3px 10px green;color: #FFFFF0;
position: absolute;
       top:90%; left:20px; bottom:0; right:20px;
       z-index: 1;
        opacity: 1;
}

.center-wrapper .content, .center-text-wrapper .content {
  position: absolute;
  left: 10vw;
  bottom: 10vh;
}
.chatSpecifyPassword  {font-style:normal; 
font-size: 16pt;font-family: Monotype Corsiva;
color: #0318fc;}.chatSpecifyPassword input[type=text] {border-radius:25px 25px 25px 25px;font-family: Monotype Corsiva; background-color: #aae3e4;
font-style: normal;
font-size: 16pt;
}

.content { background-image: url(гифочка); background-position:bottom center;  background-repeat:no-repeat; }

.chatHeader {/* шапочка */background-image: url(ссылка на гиф-название вашего чата), url(ссылка на картинку вашего заднего фона чата);background-position: center, 0px;background-repeat:no-repeat;background-color: # 0000CC;font-size: 0pt;box-shadow: 0 0 1px #777, 0 0 2px #777, 0 0 3px #777, 0 0 4px #777, 0 0 5px #777, 0 0 6px #777, 0 0 7px #777, 0 0 20px #777 inset;}


.chatHeader:hover:before {width: 360px;height: 270px;right: 175px;top: 200%;opacity: 1;}

.chatHeader .chatTopLine { /* само меню чата */ border-radius: 25px; color: #FFFFFF;border-radius: 15px 15px 15px 15px;}

.chatHeader {border-bottom: 1px solid #FFE4E1; font-family: ;border-radius: 15px 15px 15px 15px;}


#join-chat-button {
  display: none;