@import "fonts.css"; @import "rel-external.css"; @media (prefers-color-scheme: dark) { a { color: gainsboro; } body { background-color: black; color: gainsboro; } } @media (prefers-color-scheme: light) { a { color: white; } body { background-color: grey; color: white; } } body { font-size: 20px; margin: 20px; } em { font-style: normal; font-weight: bold; } .footer { bottom: 0px; /* At the bottom of the element */ left: 50%; /* Horizontally center the text */ margin-right: -50%; /* Horizontally center the text */ position: absolute; text-align: center; /* Horizontally center the text */ transform: translate(-50%, -50%); /* Horizontally center the text */ } .footer a { text-decoration: none; } .header { text-align: center; } .text-background { background: rgba(0, 0, 0, 0.5); border-radius: 33px; display: inline-block; padding: 10px; } .title { font-size: 1.25em; font-weight: bold; }