URL: https://bsky.app/profile/detroithistorical.bsky.social
* Minimum styles required to render splash. * * ALL OTHER STYLES BELONG IN `src/style.css` * * THIS NEEDS TO BE DUPLICATED IN `bskyweb/templates/base.html` */ @font-face { src: url("https://web-cdn.bsky.app/static/media/InterVariable.c504db5c06caaf7cdfba.woff2") format('woff2'); font-weight: 300 1000; font-style: normal; font-display: swap; } @font-face { src: url("https://web-cdn.bsky.app/static/media/InterVariable-Italic.01dcbad1bac635f9c9cd.woff2") format('woff2'); font-weight: 300 1000; font-style: italic; font-display: swap; } html { background-color: white; } @media (prefers-color-scheme: dark) { html { background-color: black; } } html, body { margin: 0px; padding: 0px; text-rendering: optimizeLegibility; /* Platform-specific reset */ -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; font-synthesis-weight: none; } html, body, #root { display: flex; flex: 1 0 auto; min-height: 100%; width: 100%; } #splash { position: fixed; width: 100px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) translateY(-50px); } /** * We need these styles to prevent shifting due to scrollbar show/hide on * OSs that have them enabled by default. This also handles cases where the * screen wouldn't otherwise scroll, and therefore hide the scrollbar and * shift the content, by forcing the page to show a scrollbar. */ body { width: 100%; overflow-y: scroll; }