body { background: #EBEBEB; margin: 0; padding: 0; width: 100%; } #unsupported { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #005461; font-weight: 700; } #unsupported h1 { font-size: 28px; } #unsupported h2 { font-size: 22px; } #platform-loader { position: absolute; width: 100%; min-height: 100%; left: 0; top: 0; background-color: #ebebeb; opacity: 0; animation: platform-fadein 2s; animation-delay: 2s; animation-fill-mode: forwards; } #platform-loader header { height: 70px; box-sizing: border-box; background-color: #00A5AE; } #platform-loader header .logo { width: 150px; height: 70px; display: flex; align-items: center; } #platform-loader header .logo svg { margin: 0 auto; } #platform-loader header .header { max-width: 1120px; margin: 0 auto; padding: 0 15px; } .platform-loader-desktop { font-family: ‚Open Sans‘; font-size: 14px; font-weight: 400; } @keyframes platform-fadein { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity:
Dieser Beitrag wurde original veröffentlicht auf: link zum Beitrag
