Update fonts and text in app to be custom and responsive

[katerosenthal]

As a user, I want to see more attractive and unique fonts on a page, so that I can feel the page took more effort and is more professional.

Definition of Done

• New fonts added to project and applied
• At minimum, title and subtitle fonts are responsive to changing window size
• Project title and subtitle updated with new product name
• Font sizes and choices make sense and look attractive to users

Tasks

• Add new fonts
• Make titles look attractive

[shuai-yang]

New product name is "KnApp"
Subtitle is "The knee visualization app"

[shuai-yang]

New Fonts are :
Metropolis-Regular.woff
Metropolis-Bold.woff
from https://github.com/dw5/Metropolisue

Responsive to changing window size :
using font-size: numbervw

Add BSU blue and bold size for product name:
Blue (Pantone 286 C #0033a0)

[shuai-yang]

Result:

[shuai-yang]

To Do: Fix issues in style.css for the linter.

[shuai-yang]

Fixed on Nov 11th.