Sooo, I hear you need some new CSS to keep up? Well, i gotcha covered!
Update on October 12 2024 - Updated text to better explain what does what


Ranks
The lines with href^="/member" should only exist once in a CSS instance

a[href^="/member"] {color: purple;!important} a[href^="/member"]::after {color: yellow;content: " [Unknown] "!important}
a[href^="/member"]::before {content:"Awaiting rank: "!important;color: yellow!important}
a[href="/member?id=146497"] {color: purple;!important} a[href="/member?id=146497"]::after {color: green;content: " [VNTH RANK] "!important}
a[href="/member?id=146497"]::before {content:"Before the name: "!important;color: purple!important}

Top and bottom text (and background)
body:before is the text at the top of the screen, body:after is at the bottom of the screen and body is the background

body:before {content:"Heres where you put the text :3";text-align:center;display:block;color:!important;padding:8px;background-color:;font-family:Audiowide,Arial,sans-serif;font-weight:normal;font-style:normal;}
body:after {content:"2019-2024 | CSS Borrowed from JinxCade | jinxcade.venith.net 2023-2024";text-align:center;display:block;color:!important;padding:8px;border:1px transparent solid;background-color:;font-family:Audiowide,Arial,sans-serif;font-weight:normal;font-style:normal;}
body {background-color:!important;background-image:linear-gradient(black,,,,black)!important;}

Message popup
Usually popups exist when stuff like messages exist

.alerts_popup::before { content: "There is a " !important; }
.alerts_popup::after { content: "! Please read it, and come back here later!" !important; }

Logo.png replacement
Replace the 248658 with a different ID (one that you Drew or uploaded via the PFP uploader)

IMG[src="/images/logo.png"] {content:url(/images/art_gallery/248658.png)!important;height:80px;}

Change links and stuff

a {color:!important;border-radius:1px!important;font-family:Audiowide,Arial,sans-serif;font-weight:normal;font-style:normal!important;}
a[href="?id=146497&block=true"]{color:!important;}

Profile stuff, change the colors if you want to change different assets

.row {color:!important;}
.head {color:!important;}
.nav_div {color:!important;}
.avatar { border-radius: 50px !important; height: 35px !important; width: 35px !important; }

Changes Profile images to spheres

.nav_avatar { border-radius: 20px !important; height: 32px !important; width: 32px !important;}

Changes buttons

.form_button { background: white!important; color: !important; border-style: solid !important; border-color: !important;border-width: 1px !important;text-align: center center !important; border-radius: 25px !important; font-family: Audiowide,Arial,sans-serif;font-weight:normal;font-style:normal; !important;}

Changes textboxes

textarea{border-color:purple!important;color:;}
.form_textarea { background-color:!important;}

All kinds of things, too much to break up but play around with stuff and see what you like

h1, div {background-color:!important;}
td, div, .menu_section, .comments, .textarea, h1{border-color:!important;color:!important;text-align:center!important;}
div {border-radius: 4px !important;font-family: Audiowide,Arial,sans-serif;font-weight:normal;font-style:normal;}
h1 {border-radius: 4px !important;font-family:Heading Now,Arial,sans-serif;font-weight:normal;font-style:normal;color:white;}
p {border-radius: 4px !important;font-family:Audiowide,Arial,sans-serif;font-weight:normal;font-style:normal;}
textarea {border-radius: 2px !important;font-family:Audiowide,Arial,sans-serif;font-weight:normal;font-style:normal;}
.nav_div[style$="#f44"] {color:!important;}
input {font-family:Audiowide,Arial,sans-serif;font-weight:normal;font-style:normal!important;}
IMG[src="/images/icons/icon_home.png"] {content:url(/apple-touch-icon.png)!important;}
a[href="/group"] {display : none;}

Fonts (One used to be Yusei+Magic.ttf, the Audiowide one)

@font-face {font-family:'Audiowide';src:url(https://jinxcade.github.io/jinxcade-media/fonts/DelaGothicOne.ttf);}
@font-face {font-family:'Heading Now';src:url(https://jinxcade.github.io/jinxcade-media/fonts/DelaGothicOne.ttf);}

Group Extras

a[href^="shoutbox.php"]{color:!important;}
a[href^="shoutbox.php"]::before {content:"☆ "!important;color: purple!important;}
a[href^="shoutbox.php"]::after {content:" ☆"!important;color: purple!important;}
a[href^="/group"]{color:!important;}
a[href^="/group"]::before {content:"☆ "!important;color: purple!important;}
a[href^="/group"]::after {content:" ☆"!important;color: purple!important;}
a[href^="members.php"]{color:!important;}
a[href^="members.php"]::before {content:"☆ "!important;color: purple!important;}
a[href^="members.php"]::after {content:" ☆"!important;color: purple!important;}
a[href^="sketchpad.php"]{display : none;}
a[href^="page.php"] {color:!important;}

Comment thingy on bottom-right and the cool 3 column thingy

[b]form[action="?id=146497"]:nth-child(2) {position: fixed;bottom: 0;right: 0;background-color: ;padding: 0.75em;border-top-left-radius: 6px;border-top: 2px inset ;border-left: 2px inset ;}
.menu_section[style$="200px"] {width: initial !important;display: grid;grid-template-columns: auto;}
@media only screen and (min-width: 370px) {.menu_section[style$="200px"] {grid-template-columns: auto auto;}}
@media only screen and (min-width: 542px) {.menu_section[style$="200px"] {grid-template-columns: auto auto auto;}}
a[href="#image"] {overflow: hidden;position: absolute;height: 0;width: 0;}