body, html {margin: 0; padding: 0; overflow: hidden; width: 100vw; height: 100vh; background-color: #E8DFD8; text-align: center;}
#logo {width: 240px; max-width: 100%; aspect-ratio: 12 / 5; margin: auto auto auto 0;}
@media only screen and (max-width: 700px) {#logo {margin: auto}}
#logo > img {width: 100%; height: 100%;}
#container {position: absolute; bottom: 0; right: 0; width: 550px; max-width: 100%; max-height: 100%; aspect-ratio: 984 / 1080; pointer-events: none;}
#title {height: 100%; width: 100%; display: block; opacity: 0; transition: opacity 2s;}
#title.on {opacity: 1;}