*, *::before, *::after { box-sizing: border-box; } :root { color-scheme: light dark; } body { margin: 0 auto; padding: 2rem; text-align: center; } .mao-error { display: flex; flex-direction: column; background: url("/chairman_1.jpg"); background-size: auto 600px; background-repeat: no-repeat; background-position: center center; height: 600px; } .hidden { display: none; } .mao-error p { color: #fff; text-transform: uppercase; font-weight: bold; font-family: "Impact", "Bebas", "League Gothic", "Oswald", "Coluna", "Ubuntu Condensed", system-ui, sans-serif; text-shadow: 3px 3px 0 black, -3px -3px 0 black, 3px -3px 0 black, -3px 3px 0 black, -3px 0px 0 black, 3px 0px 0 black, 0px 3px 0 black, 0px -3px 0 black; font-size: 2em; } .mao-error p:last-child { margin-top: auto; } ul#video-list { padding: 0; list-style: none; }