Improve overall aesthetics

[johnfernow]

• Change font for title on homepage. For example, on this site, they use a more relaxed/casual font for their name. Consider doing something similar.
• A lot of empty space. Consider having something more interesting, such as on this page. However, make sure whatever I choose is lightweight (very small file size), quick, and not distracting. Having a black background isn't bad, especially on mobile, so don't force it if nothing seems to work.

[johnfernow]

On homepage, for my profile image, add a border radius of 5%,

#profile-img { 
  border-radius: 5%;
}

For background images, Pexels has a ton available. Experimenting with a space background they have, I think a dark background goes well with the site, but even a starry sky seems too bright. But using this darker one from Pixabay looks a little out of place, maybe. This one seems to be decent though. Easy as adding

body {
 background-image: url(https://cdn.pixabay.com/photo/2016/12/29/18/44/background-1939128_960_720.jpg);
 }

Check to make sure I am allowed to use their cdn, pretty sure it's allowed.

I really like some of these dynamic backgrounds. Some are clearly too distracting, but I like these ones: 1, 2, among others.

[johnfernow]

Make sure to not have too large or small of contrast between backgrounds and text in order to avoid eye strain, at least according to this and the study it linked.

[johnfernow]

26 modestly improved design. I tried moving backgrounds and wasn't a fan. I should continue to consider other improvements, but for now will close.