Computer line effect

body::before {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgb(0 0 0 / 30%) 50%, rgb(0 0 0 / 0%) 50%);
    background-size: auto;
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}

Fonts

For generic fonts (e.g. serif, sans-serif, monospace) you can just use something like this:

body, button, input {
  font-family: monospace;
}

For specific fonts, it needs to be uploaded on a site that allows automated requests from neospring (e.g. catbox.moe), then you can do this:

@font-face {
  font-family: "FontName";
  src: url(https://example.com/FontName.ttf); // replace with your font URL
}

body, button, input {
  font-family: "FontName";
}

Pagedolls, as I've heard them called

nav::before {
  content: '';
  position: fixed;
  bottom: -100px;
  right: -100px;
  width: 400px;
  height: 400px;
  background-image: url(https://example.com/FunnyLittleMan.png); // replace with your image
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1000;
  pointer-events: none;
}

using nav::before here because I assume you will already be using body::before for the CRT effect. Images must be on a site that allows automated requests (e.g. catbox.moe).

Button borders

I'm not sure what you're asking about here, could you provide an example of a profile that does what you're looking for?

Why you are afraid to ask?

I don't know. But I assure you, you are capable of figuring this out, especially when you have help.

(For the sake of credit, I copied the pagedoll and CRT code from @iris's page, but she did not originate either.)

1: IDK
2:

body, input, button {
font-family: "example";
}
@font-face {
font-family: "example";
src("https://example.com/example.ttf");
}

3: IDK
4:

body, input, button {
--radius: 0;
}

5: IDK

James here to help

For the screen effect:

body::before { content: " "; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgb(155 206 202 / 40%) 40%, rgb(191 252 226 / 0%) 40%); z-index: 2; background-size: 100% 2px, 3px 100%; pointer-events: none; }

I recommend messing with the rgbs to match your theme + percentages

Font code:

@font-face { font-family: yat; src: url(/api/util/ext/image?img=YOUR FONT LINK); } body { font-family: yay !important; font-size: 17px !important; }

I recommend downloading fonts from dafont and uploading the font file to catbox

Pagedoll:

nav:before { content: ''; position: fixed; bottom: 20px; right: -5px; width: 150px; height: 150px; background-image: url(/api/util/ext/image?img=YOUR IMAGE LINK); background-size: contain; background-repeat: no-repeat; z-index: 1000; pointer-events: none; }

You can also animate this with CSS animations

Borders:

#profile_card { border-width:7px; border-style:solid; border-image: url("/api/util/ext/image?img=YOUR IMG URL") 7 fill round; }

You can find borders on coding carrds or just searching CSS borders !! Porfile_card can be replaced with #sidebar Never be afraid to ask for help 𖹭ྀེ