Improvements to styles on smaller screens

Used smaller margins, padding and fonts to better fit content on the
Home, Projects and Contact screens.

Also fixed crossfade animation between screens.

src/app/app.component.html

@@ -1,6 +1,6 @@
 <div style="text-align:center">
   <app-toolbar></app-toolbar>
 </div>
-<main [@routerTransition]="getState(o)">
+<main [@routerTransition]="o.isActivated ? o.activatedRoute : ''">
   <router-outlet #o="outlet"></router-outlet>
 </main>