Front end version 2 work in progress

Try to keep your CSS files organized by grouping related selectors together.  `clearfix` shouldn't be in the middle of a bunch of kitchen-styling selectors.

SCSS makes this easy by allowing nested selectors.

```scss
.my_kitchen {
  list-style-type: none;

  dl {
    float: left;
  }
}
```

is the SCSS equivalent of

```css
.my_kitchen {
  list-style-type: none;
}

.my_kitchen dl {
  float: left;
}
```

See http://sass-lang.com/guide#topic-3