Update eclipse text everywhere

[patudom]

This builds on both #224 and #225, so merge both of those first.

This edits the text everywhere to create a more cohesive experience for the user.

I'd like to move the WWT instructions into its own window, so the user doesn't have to click 2 buttons to get there. @johnarban, can you please update the code so the WWT instructions appear when the user clicks the computer-mouse icon that I added? (I'm open to using other icons). (So the idea is that instead of both sets of instructions being on 2 tabs activated by the book icon, each will appear on their own card.)

[johnarban]

Suggested change

	@media (max-width: 390px){ //TINY
	font-size: 0.9rem;
	}
	@media (max-width: 750px){ //SMALL
	font-size: 1.1rem;
	}
	@media (max-width: 390px){ //SMALL
	font-size: 0.8rem;
	padding-left: 1rem;
	@media (min-width: 751px){ //LARGE
	font-size: 1.3rem;
	}
	font-size: clamp(0.9rem, 2.1vw, 2rem);

[johnarban]

I made the split. I kept the tabs in cuz they sort of look like titles, but they can be removed.

In looking over the CSS - we have a lot of different font-sizes specified. I made a couple suggestions for reducing some of the media queries. They also help keep the guided content contained within the box down to iPhone SE sizes.

I don't know that we should try to change them all, but one thing that could help (down the road) would be to set the font-size in html to be a value that scales, and then for things we don't want to scale (like buttons, padding, etc) use rem.