◎ ◎ ◎ ◎ .carregando { posição: absoluta; superiores: 50%; esquerda: 50%; } .loading .bullet { posição: absoluta; preenchimento: 5px; raio da borda: 50%; plano de fundo: #fff; -webkit-animation: animIn 1s facilidade-in-out 0s infinito; animação: animIn 1s facilidade-in-out 0s infinito; } .carregando .bullet:nth-child(1) { -webkit-animation-delay: 0s; atraso da animação: 0s; } .carregando .bullet:nth-child(2) { -webkit-animation-delay: 0,15s; atraso da animação: 0,15s; } .carregando .bullet:nth-child(3) { -webkit-animation-delay: 0,3s; atraso da animação: 0,3s; } @-webkit-keyframes animIn { 0% { -webkit-transform: translateX(-100px); transformar: traduzirX(-100px); opacidade: 0; } 50% { opacidade: 1; } 100% { -webkit-transform: traduzirX(100px); transformar: traduzirX(100px); opacidade: 0; } } @keyframes animIn { 0% { -webkit-transform: translateX(-100px); transformar: traduzirX(-100px); opacidade: 0; } 50% { opacidade: 1; } 100% { -webkit-transform: traduzirX(100px); transformar: traduzirX(100px); opacidade: 0; } } #logotipo { largura: 160px; esquerda: calc(50% – 160px/2); superior: calc(50% – 200px); margem: automática; alinhamento de texto: centro; posição: absoluta; } #logo img { largura: herdar; altura: herdar; } #mensagem { margem: 40vh auto 0; largura máxima: 700px; cor: #fff; tamanho da fonte: 24px; família de fontes: ‘Roboto’, sem serifa; peso da fonte: 300; altura da linha: 36px; alinhamento de texto: centro; Mostrar nenhum; } #mensagem a { cor: #d63; } #message a:hover { text-decoration: none; } ◎ ◎ Infelizmente, não consegui encontrar um site espelho disponível para você no momento. Entre em contato com o suporte ao cliente via ◎ ◎ [e-mail protegido] ◎ ◎ para obter informações adicionais. ◎ ◎ ◎ ◎ ◎ ◎ ◎ ◎ ◎ ◎ ◎ ◎