diff --git a/css/style.css b/css/style.css
index 5897a0e..ad051f1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,4 +1,22 @@
+@import url('https://fonts.googleapis.com/css?family=Quicksand');
body,
html {
height: 100%;
}
+body {
+ color: #fff;
+ font-family: 'Quicksand', sans-serif;
+}
+.bg {
+ /* The image used */
+
+ background-image: url("../img/background.jpg");
+ /* Full height */
+
+ height: 100%;
+ /* Center and scale the image nicely */
+
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+}
diff --git a/css/style.less b/css/style.less
index 1b9b8e7..24264aa 100644
--- a/css/style.less
+++ b/css/style.less
@@ -1,3 +1,25 @@
+@import url('https://fonts.googleapis.com/css?family=Quicksand');
+
+
body, html {
- height: 100%;
-}
\ No newline at end of file
+ height: 100%;
+}
+
+body {
+ color: #fff;
+ font-family: 'Quicksand', sans-serif;
+}
+
+.bg {
+ /* The image used */
+ background-image: url("../img/background.jpg");
+
+ /* Full height */
+ height: 100%;
+
+ /* Center and scale the image nicely */
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+}
+
diff --git a/img/background.jpg b/img/background.jpg
new file mode 100644
index 0000000..5d02195
Binary files /dev/null and b/img/background.jpg differ
diff --git a/index.html b/index.html
index f83a026..2397840 100644
--- a/index.html
+++ b/index.html
@@ -7,11 +7,17 @@
+
Wrangler YJ
- Wrangler YJ
+
+
Wrangler YJ
+
+
+
+