body{--width:calc(100vh / 9 * 16);--height:100vh;width:var(--width);height:var(--height);display:flex;align-items:center;justify-content:center}body.rotated{--width:calc(100vh / 16 * 9);--height:100vh}p{margin:0}div.content.announcements{background-color:#000}div.content{width:var(--width);height:var(--height);background-color:#fff;color:#000;display:flex;align-items:center;flex-direction:column}@media (max-aspect-ratio:16/9){body{--width:100vw;--height:calc(100vw * 9 / 16)}}@media (max-aspect-ratio:9/16){body.rotated{--width:100vw;--height:calc(100vw * 16 / 9)}}