The questions are for this pet profile

Is there a code to hide the scroll bars or make them match with the overall profile so that it doesn't push the text when the mouse hovers over it? I'm also having issues where the page jumps when going to another tab and the treasure chest items going over the semi opaque boarder up top? Is there a way to fix these things as well?

Any help would be appreciated c:

The way anchor links work is that when the link is clicked, the page scrolls to where they begin. To fix this, I make the container and the individual parts start at the top of the page (top: 0px; ) so they always have the space to scroll fully without making the page jump. You just have to add a space in the parts/pages so the content is in the correct place.

You can inspect the elements on this pet profile to see what I mean! https://subeta.net/pets/snod

As for removing the scrollbars, I don't know how to do it on all browsers xc

you can make the scroll bars invisible or change their color/size with this code, but it only works in safari and chrome:

::-webkit-scrollbar {width:5px; height:5px} ::-webkit-scrollbar-thumb {-webkit-border-radius:5px; border-radius:5px; background: rgba(0,0,0,1)}

the color is represented in rgba format, which is just the red/green/blue values, plus opacity (you can find the rgb value of a hex code or vice versa on this site).

there's also a cross-browser workaround that involves putting your scrolling div inside another div that overlaps/hides the scroll bars, explained in "Hiding" Scrollbars and Styling "Pet Like" Link.