little kangel pet:

body:before {
  content: '';
  position: fixed;
  bottom:-150px; 
  right: -100px; 
  width: 400px; 
  height: 400px; 
  background-image: url(https://files.catbox.moe/wbb6a9.webp);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1000;
  pointer-events: none;
}

typing animation:

@keyframes typing {
  from { width: 0; } 
  to { width: 100%; } 
}

for the typing animation to work youre gonna need to use this format in a place that supports markdown:

<div class="typing">silly text here</div>

and if it works it should do this:

btw i am JUST learning this stuff i did not know anything abt css yesterday so its probably best to ask other ppl bc i myself am still figuring this out, tho im more than happy to help where i can !!