95 minor update adjust styling of lessonside to avoid scrolling

[angoway]

minor update: adjusted lessonside styling to avoid scrolling.

Summary

Closes #95
Made some changes in:

1. LessonSide.scss (changing spacing, padding, and container width)
2. LessonSide.tsx (turtle-and-levels-container so that the turtle could be centered)
3. ExerciseSide.scss (changed container width to take up 55vw)
4. _vars.scss (changed font sizes)

[netlify]

✅ Deploy Preview for pen-pals ready!

Name	Link
🔨 Latest commit	dd522bb
🔍 Latest deploy log	https://app.netlify.com/sites/pen-pals/deploys/672533767e38b700088830f8
😎 Deploy Preview	https://deploy-preview-121--pen-pals.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[SanjnaT41756]

Hi Amanda great work so far! There are a few changes I would like to request, however. Would you be able to make the footer be at the bottom of the page? I know it wasn't like that before, but I think it would look nicer if the footer was touching the bottom. Also, would you be able to make the text a bit bigger for readability purposes? Lmk if you have any concerns!

[angoway]

1. Adjusted text size and spacing in vars.scss and LessonSide.scss
2. Footer is now at the bottom of the container (removed padding in Footer.scss)
3. Turtle and lesson selector stay in one spot on the container (do not move depending on length of lesson's text)