diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 000000000..f8cf47d3f
Binary files /dev/null and b/.DS_Store differ
diff --git a/index.html b/index.html
index d01f779ff..3de1ad84f 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,63 @@
+
+
+
+
Document
+
-
+
+
+
+
\ No newline at end of file
diff --git a/pics/books.JPG b/pics/books.JPG
new file mode 100644
index 000000000..d5243cb23
Binary files /dev/null and b/pics/books.JPG differ
diff --git a/pics/chickens.jpg b/pics/chickens.jpg
new file mode 100644
index 000000000..60b7427b8
Binary files /dev/null and b/pics/chickens.jpg differ
diff --git a/pics/cooking.jpg b/pics/cooking.jpg
new file mode 100644
index 000000000..b5102cc72
Binary files /dev/null and b/pics/cooking.jpg differ
diff --git a/pics/garden.JPG b/pics/garden.JPG
new file mode 100644
index 000000000..586629a61
Binary files /dev/null and b/pics/garden.JPG differ
diff --git a/pics/garden2.jpg b/pics/garden2.jpg
new file mode 100644
index 000000000..4614375a8
Binary files /dev/null and b/pics/garden2.jpg differ
diff --git a/pics/hero.JPG b/pics/hero.JPG
new file mode 100644
index 000000000..ad3672248
Binary files /dev/null and b/pics/hero.JPG differ
diff --git a/pics/homestead.JPG b/pics/homestead.JPG
new file mode 100644
index 000000000..ca1f49e50
Binary files /dev/null and b/pics/homestead.JPG differ
diff --git a/pics/nap.jpg b/pics/nap.jpg
new file mode 100644
index 000000000..a379868cf
Binary files /dev/null and b/pics/nap.jpg differ
diff --git a/pics/rainbow.JPG b/pics/rainbow.JPG
new file mode 100644
index 000000000..ec34ea2c8
Binary files /dev/null and b/pics/rainbow.JPG differ
diff --git a/pics/scythe.JPG b/pics/scythe.JPG
new file mode 100644
index 000000000..66b295672
Binary files /dev/null and b/pics/scythe.JPG differ
diff --git a/pics/vgg.jpg b/pics/vgg.jpg
new file mode 100644
index 000000000..1be0dc22b
Binary files /dev/null and b/pics/vgg.jpg differ
diff --git a/style/index.css b/style/index.css
index 440e53514..3d48258c4 100644
--- a/style/index.css
+++ b/style/index.css
@@ -1 +1,163 @@
-/* Add CSS styling here */
\ No newline at end of file
+/* Add CSS styling here */
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ /* border: 0; */
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1.5;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+/* end of reset */
+
+/*defaults*/
+*{
+ box-sizing: border-box; /*respect the width*/
+ max-width: 100%; /*stops images from being larger than their parent*/
+ padding:0;
+ margin:0;
+ /* border: 1px solid grey; */
+}
+
+html{
+ font-size:62.5%; /*makes 1 rem == 10px*/
+}
+body{
+ font-size:1.6rem; /*brings back to 16px, but responsive*/
+ color: #4F4F4F;
+ margin:2%;
+}
+/*end of defaults*/
+
+h1, h2, h3{
+ font-family: 'Old Standard TT', serif;
+ text-transform: uppercase;
+}
+a{
+ font-family: 'Fira Mono', monospace;
+ text-transform:lowercase;
+ text-decoration: none;
+ padding:1%;
+ text-align:center;
+ color: black;
+}
+p{
+ font-family: 'Fira Sans', sans-serif;
+}
+
+h1{
+ font-size: 7rem;
+ text-align: center;
+}
+h2{
+ font-size:3rem;
+}
+
+header{
+ display:flex;
+ justify-content: space-between;
+ /* align-content:center; */
+}
+header div{
+ width:40%;
+}
+
+header .right{
+ /* display:flex; */
+}
+nav{
+ align-content:center;
+ display:flex;
+ justify-content: space-between;
+}
+
+nav a, .hero div a, footer a{
+ border:1px solid black;
+ border-radius: 5px;;
+}
+nav a{
+ background-color:pink;
+}
+
+.hero div a, footer a{
+ background-color: white;
+}
+
+.hero{
+ display:flex;
+ justify-content: center;
+ align-items: center;
+ height:50vh;
+ color: white;
+}
+.hero div{
+ display:flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ width: 80%;
+ height: 90%;
+ background-image: url(/pics/rainbow.JPG);
+ background-size: cover;
+ background-position: center;
+}
+.gallery{
+ display:flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
+ margin-top: 20px;
+ margin-bottom: 20px;
+}
+.gallery-item{
+ width:30%;
+ display:flex;
+ flex-direction: column;
+}
+footer {
+ background-color: pink;
+ display:flex;
+ justify-content: center;
+ align-items: center;
+ min-height: 100px;
+
+}
\ No newline at end of file