Inline CSS moved to a CSS script

[gerardramosm89]

Currently just hard coding it in the html's body, looks messy and can be a lot cleaner

[csawtelle]

partially fixed with #46

[csawtelle]

Current offenders

www@KnowYourGlass:/build/chris-dev/KnowYourGlass2/src$ grep -ir "style" ./app/views/
./app/views/review.html:      <div class="col-xs-8 col-xs-offset-2" style="border-radius:25px 25px 0 0;background-color:white;padding-left:0px;padding-right:0px">
./app/views/review.html:        <div class="text-center" [ngStyle]="{'border-radius':'15px 15px 0 0','background-image':'url('+review?.image+')', 'background-size':'cover', 'background-position':'center'}">
./app/views/login.html:<div style="margin:auto; width:300px; padding-top:20px;padding-bottom:20px">
./app/views/login.html:    <div style="width:300px;margin:auto;">
./app/views/home.html:        <div class="intro-header" style="padding-top:100px;background:url('../images/homepage.jpg');background-size:cover">
./app/views/home.html:    <div *ngFor="let review of reviews; let i = index" style="padding-right:0;padding-left:0">
./app/views/home.html:    <div *ngIf="i < 6" class="text-center col-xs-4" [ngStyle]="{'padding':'0','background-image': 'url('+review.image+')','background-size':'cover','background-position':'center'}">
./app/views/home.html:    <a style="color:#fff" [routerLink]="['/review/' + review.name]"><h2 class="latestposttext">{{review.name}}</h2></a>
./app/views/search-bar.html:    <button class="fa fa-search" (click)="search(searchBox.value, {})" style="width:30px;height:30px;"></button>