[[ Here's my css for my status.cafe layout but readable ]]
[[ You have to include the <style> tag in the about section ]]
[[ I made this code a couple years ago and for the most part, used
  other accounts codes as a reference ]]

<style>
body, main { height: 100%; width: 100%; background-color: #000; }

main, section { overflow-y: auto; }

.status code, body, main { background-color: #000; }

dt, main { color: #555f55; }

@keyframes static-flicker { 0%, 100% { opacity: 1; } 50% { opacity: .97; } } 
**[[ I took this from another status.cafe but it doesn't work on mine for some reason, never removed it ]]

body { margin-top: 35vh; color: #000; font-family: 'Courier New', Courier, monospace; }

.email, .homepage, [href="/users/cam.atom"], dt, h2, nav { display: none; } 
**[[Hides the navigation bar, header and sidebar details]]

main { padding: 20px; display: flex; justify-content: center; align-items: center; }

.status { background-color: #1f2217; background-image: repeating-linear-gradient(0deg, rgba(140, 148, 97, .03) 0, rgba(140, 148, 97, .05) 1px), radial-gradient(circle, rgba(31, 34, 23, .7) 0, #000 100%); background-blend-mode: overlay; padding: 15px; margin-bottom: 10px; width: 450px; text-align: center; margin-left: auto; margin-right: auto; border-left: 3px solid #8c9461; border-right: 3px solid #8c9461; box-shadow: inset 0 0 10px rgba(140, 148, 97, .3); color: #8c9461; } 
**[[To make color hexes into gradients: https://colordesigner.io/gradient-generator]]

.profile-picture { border: 2px solid #8c9461; box-shadow: 0 0 10px rgba(140, 148, 97, .2); } 
**[[To change how your pfp looks but I don't currently have one uploaded]]

section { overflow-x: hidden; height: 300px; padding: 15px; margin-top: -30px; } 
**[[Sidebar]]

.status h1, .status h2, .status h3 { color: #39ff14; text-shadow: 0 0 4px #555f55; }

.status code { color: #39ff14; padding: 2px 4px; border-radius: 4px; font-family: monospace; }

a:active, a:hover, a:link, a:visited { color: #cac06f; background-color: transparent; text-decoration: none; }

dt { text-align: left; font-weight: 700; }

::selection { background: 0 0; color: #cac06f; }

section:first-of-type { height: fit-content; position: sticky; text-align: left; } 
**[[Also for the sidebar]]

@-moz-document url-prefix() { :root, body, section { scrollbar-color: #000000 rgba(0, 0, 0, 0) !important; scrollbar-width: thin !important; } }
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: 0 0; }
::-webkit-scrollbar-thumb { background: #000; border-radius: 2px; }
**[[!important makes it so the scrollbar css works for status.cafe]]
</style>