.footer { color: #666; position: absolute; bottom: 0; width: 100%; font-size: 12px; padding-bottom: 25px; } .spin-cont { background: #000; align-items: center; height: 100vh; } .padds { margin: 0 auto; padding-top: 45vh; } .spinnit { display: block; top: 500px; padding: 10px; } .ver-cont { width: 100%; text-align: center; } .btn { cursor: pointer; font-size: 16px; padding: 8px 20px; } .btn.default { background-color: #295c41; border: 1px solid rgb(69, 156, 110); color: #eee; font-weight: bold; border-radius: 8px; transition: all 0.3s ease; } .api-neo-timeout { color: #ddd; font-weight: bold; font-size: 24px; padding-top: 20px; } .api-neo-response { color: #aaa; font-size: 1.1rem; padding-top: 8px; padding-bottom: 40px; } .spinner { font-size: 28px; width: 1em; height: 1em; } .initializeVercel, .vercel-security-container { font-family: Arial, Helvetica, sans-serif; margin: 0 auto; background: #000; z-index: 999999 !important; opacity: 0.5; position: absolute; width: 100vw; height: 100vh; top: 0; } .verifying { color: #ddd; font-weight: bold; font-size: 20px; padding-top: 20px; } .spinner.center { position: relative; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .spinner .spinner-blade { position: absolute; left: 0.4629em; bottom: 0; width: 0.074em; height: 0.2777em; border-radius: 0.0555em; background-color: transparent; transform-origin: center -0.2222em; transform-origin: center -0.2222em; animation: spinner-fade9234 1s infinite linear; } .spinner .spinner-blade:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .spinner .spinner-blade:nth-child(2) { -webkit-animation-delay: 0.083s; animation-delay: 0.083s; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .spinner .spinner-blade:nth-child(3) { -webkit-animation-delay: 0.166s; animation-delay: 0.166s; -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .spinner .spinner-blade:nth-child(4) { -webkit-animation-delay: 0.249s; animation-delay: 0.249s; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .spinner .spinner-blade:nth-child(5) { -webkit-animation-delay: 0.332s; animation-delay: 0.332s; -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } @keyframes erroran { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } .nova-click { animation: erroran .1s infinite; } .spinner .spinner-blade:nth-child(6) { -webkit-animation-delay: 0.415s; animation-delay: 0.415s; -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .spinner .spinner-blade:nth-child(7) { -webkit-animation-delay: 0.498s; animation-delay: 0.498s; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .spinner .spinner-blade:nth-child(8) { -webkit-animation-delay: 0.581s; animation-delay: 0.581s; -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .spinner .spinner-blade:nth-child(9) { -webkit-animation-delay: 0.664s; animation-delay: 0.664s; -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .spinner .spinner-blade:nth-child(10) { -webkit-animation-delay: 0.747s; animation-delay: 0.747s; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .spinner .spinner-blade:nth-child(11) { -webkit-animation-delay: 0.83s; animation-delay: 0.83s; -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .spinner .spinner-blade:nth-child(12) { -webkit-animation-delay: 0.913s; animation-delay: 0.913s; -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } @keyframes spinner-fade9234 { 0% { background-color: #69717d; } 100% { background-color: transparent; } }