} .container { max-width: 400px; height: 100vh; margin: 0 auto; padding: 15px; display: flex; flex-direction: column; justify-content: center; overflow: hidden; } .welcome { max-width: 350px; margin: 0 auto; } .welcome h1 { font-size: 12px; color: #fff; overflow: hidden; border-right: .15em solid #fbf4a0; /* The typwriter cursor */ white-space: nowrap; letter-spacing: .09em; animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite; } @keyframes typing { from { width: 0 } to { width: 100% } } @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: #fbf4a0; } } .banner { border-radius: 10px; } .btn-login { padding: 10px; color: #000000; font-size: 20px; font-weight: bold; text-decoration: none; text-align: center; background: linear-gradient(to bottom, #ffc200 100%, rgb(0 0 0) 0%); margin-top: 10px; border-radius: 10px; position: relative; z-index: 2; box-shadow: 0 0 10px #ffe000; } .btn-daftar { padding: 10px; color: #fff; font-size: 20px; font-weight: bold; text-decoration: none; text-align: center; background: linear-gradient(to bottom, #ff0000 100%, rgb(255, 0, 0) 0%); margin-top: 10px; border-radius: 10px; position: relative; z-index: 2; box-shadow: 0 0 10px #ff0000; } .copyright { text-align: center; color: #ffffff96; } .nagaterbang { position: fixed; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

SEO Solusi Seo Masa Kini

DAFTAR