[WIP] デザインの見直し

味気ないので、デザインの見直しを行います。

## TODO

- [x] header, footer の追加
- [x] web font の適用