Time for action – build on the website

Styling the website will involve multiple style sheets. Hence, follow the following steps carefully:

1. Import the following style sheets in foundation.scss:

   @import "config";
   @import "../../components/foundation/scss/normalize";
   @import "../../components/foundation-icons/foundation_icons_social/sass/social_foundicons.scss";
   ... /* other partials */

   That way, the variables, as well as the changes within _config.scss, will affect other component style sheets through Foundation. The normalize variable will standardize basic element styles, social_foundicons.scss; as you can guess, this allows us to apply Foundation's social icons.

2. Open styles.scss and import Bourbon, _config.scss, main.scss, and responsive.scss, as follows:

   @import "../../components/bourbon/dist/bourbon";
   @import "config";
   @import "main";
   @import "responsive"; 

3. Then, I want to apply a custom font from Google Font simply because the custom fonts look better than the average font system, such as...