.grecaptcha-badge { visibility: hidden; } #capthaframe { display: none; } .li { width: 1px; height: 1px; overflow: hidden; } .message { padding: 10px; animation: move 0.5s ease-out, opac 5s forwards, hide 5s forwards; z-index: 1000;position: fixed; top: 0; left: 50%; margin: 0 0 0 -210px;width: 400px; min-height: 80px; background-color: rgba(103, 200, 231, 0.9); border-left: 3px solid #fff; border-right: 3px solid #fff; border-bottom: 3px solid #fff; border-radius: 0 0 15px 15px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 22px; font-family: Noto Sans; color: #fff; } .message a { color: #fab625; margin: 0 10px; } /* ����������� ��������� */ @keyframes opac { 50% {opacity: 1;} 100% {opacity: 0;} } @keyframes move { from {top: -100px;} to {top: 0px;} } @keyframes hide { 60% {top: 0px;} 100% {top: -500px;} } @keyframes pop { 0% {transform: scale(.1);} 100% {transform: scale(1.0);} } @keyframes coin_move { 0% {top: 50%; left: 50%;} 100% {top: 35px; left: 220px;} } #pop_coins {position: fixed; top: 50%; margin-top: -180px; left: 50%; margin-left: -212px; z-index: 1000;width: 424px; height: 360px; background: url('images/pop_coins.png') no-repeat; animation: pop 0.5s ease; } #pop_coins > div {width: 160px; height: 30px; background: #efa21f; border: 2px solid #d75302; border-radius: 15px; padding: 5px 10px; color: #fff; font-size: 13px; text-transform: uppercase; margin: 120px auto 0 auto; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } #pop_coins > p {font-size: 60px; font-family: Noto Sans; color: #fff; text-shadow: -2px -2px 0 #e28308, 0 -2px 0 #e28308, 2px -2px 0 #e28308, 2px 0 0 #e28308, 2px 2px 0 #e28308, 0 2px 0 #e28308, -2px 2px 0 #e28308, -2px 0 0 #e28308; margin: 0px 0 30px 0; } #pop_coins a { display: block;background: #1ba01e; border-radius: 15px; padding: 5px 0; width: 120px; margin: 0 auto; border: 2px solid #36e93a; } #pop_coins a > p:nth-child(1) {font-size: 12px; font-family: Noto Sans; color: #fff; text-transform: uppercase; } #pop_coins a > p:nth-child(2) { font-size: 24px; font-family: Noto Sans; color: #fff; text-transform: uppercase; } .coin_moves {position: fixed; left: 50%; margin-left: -27px; top: 50%; margin-top: -27px; z-index: 999;width: 54px; height: 55px; background: url('images/coin.png') no-repeat; animation: coin_move 0.5s ease; } #pop_coins.fade {animation: opac 3s forwards; }