Styling the home page

In this section, we are going to add style to our home page. Before we get into our styling, we want to go ahead and create four variables in our style.scss file:

$primary-color:#3b5a76;
$background-color:#ededed;
$text-color:#363636;
$font:16px;

So, here we have added a primary color, background color, text color, and font size. Now, we're going to start off with a body tag in our style.scss file:

 body {
     padding-bottom:0;
     font-family: 'Open Sans', Arial, Tahoma;
     color:$text-color;
     background: $background-color;
     font-size: $font;
 }

For the body, we will have no padding on the bottom; we're going to reference particular fonts that are being used, so we'll have Open Sans. This is inside of single quotes because it is a compound word. We'll have Arial and Tahoma as well. Next, we added color, which is going to...