dynamically update max chars

[decanTyme]

PR includes:

• Move normalize.css import to scss
• Move main stylesheet import from js to html

Summary:

Resolves issue #50:

There should be a function to dynamically calculate maxChar based on at least these contexts: font-family, font-size, and screen dimensions/magnification.

Moved main.scss import since it's already bundled in a single stylesheet that can be put directly inside the html, and has no actual use in the js files aside for Parcel reference. Moved normalize.css for better file hierarchy.

Marked as draft since I have not actually tested it yet on other physical screens (only used the browser's devtools) and didn't test other fonts families/styles as well, so please feel free to test!

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/warengonzaga/css-text-portrait-builder/AS1NRANCMXfsbfsaHX7B6QuX8DXZ
✅ Preview: https://css-text-portrait-builder-git-fork-decantyme-dev-warengonzaga.vercel.app

[warengonzaga]

Thanks for the PR @decanTyme! I'll review your update and provide feedback.

[warengonzaga]

All approved! Good move and nice implementing best practices.
Let's keep the comments in the JS file. It could help other users to understand the builder.
I'll note this also on the documentation. 😁

[warengonzaga]

Are you done with this? @decanTyme

[decanTyme]

Are you done with this? @decanTyme

Yep. Already marked as ready. @warengonzaga

[warengonzaga]

Awesome, merging this now @decanTyme! Thanks for the awesome contributions!