Mambo Leo App

img { height: 10em } @media (prefers-color-scheme: dark) { body { background: #121212; color: white; } } @media (prefers-color-scheme: light) { body { background: white; color: #121212; } } .logo { width: 10em; height: 10em; animation: bounceIn 0.6s; transform: rotate(0deg) scale(1) translateZ(0); transition: all 0.4s cubic-bezier(.8,1.8,.75,.75); cursor: pointer; } .logo:hover { transform: rotate(10deg) scale(1.1) } @keyframes bounceIn { 0% { opacity: 1; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { opacity: 1; transform: scale(.9); } 100% { opacity: 1; transform: scale(1); } } .outer { display: table; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .middle { display: table-cell; vertical-align: middle; } .inner { margin-left: auto; margin-right: auto; width: 400px; text-align: center; }