CSS Styling: Responsive Design

[garylli]

Description:

Since most of the styling is done now, most of our css work from this point on will be focusing on responsive design.

Checklist:

• [x] Finish styling settings and pop ups
• [x] Remove /fonts/ folder and replace with true type font from google.
  • [x] Update timer-text styling to keep timer pseudo mono spaced
• [x] Read up on responsive design and related links here:
  • [x] Responsive design
  • [x] Media queries
  • [x] Layout methods
  • [x] Older browser support
• [x] Implement responsive design for our application
• [ ] Add animations to application functions