diff --git a/images/hubble-peers-into-the-most-crowded-place-in-the-milky-way_18051161100_o_orig.jpg b/images/hubble-peers-into-the-most-crowded-place-in-the-milky-way_18051161100_o_orig.jpg new file mode 100644 index 0000000..4664658 Binary files /dev/null and b/images/hubble-peers-into-the-most-crowded-place-in-the-milky-way_18051161100_o_orig.jpg differ diff --git a/index.html b/index.html index 854d502..c6b6596 100644 --- a/index.html +++ b/index.html @@ -27,18 +27,18 @@
-

+

diff --git a/styles/base.css b/styles/base.css index b75ad2a..c0c7c8e 100644 --- a/styles/base.css +++ b/styles/base.css @@ -1,14 +1,38 @@ -html, body { +body { margin: 0; padding: 0; - background-color: rgb(74, 98, 163); + background-color: #000000; + background-image: url('https://www.nasa.gov/sites/default/files/thumbnails/image/hubble_friday_05292015.jpg'); + background-position: center top; + background-repeat: no-repeat; } h1 { font-family: 'Luckiest Guy', cursive; - font-size: 2.5em; + font-size: 2.3em; + color: rgb(228, 53, 9); + margin: 0; + padding-top: 50px; + padding-left: 100px; + position: fixed; + z-index: 1; } +h2 { + font-family: 'Luckiest Guy', cursive; + font-size: 1.7em; +} + +h3 { + font-family: 'Luckiest Guy', cursive; + font-size: 1.3em; +} + +p { + font-family: 'Roboto', sans-serif; + font-size: 1em; +} + a { text-decoration: none; color: rgb(251, 153, 76); @@ -23,9 +47,3 @@ a.active { color: rgb(251, 153, 76); cursor: default; } - - - - img { - - } \ No newline at end of file diff --git a/styles/layout.css b/styles/layout.css index e229bea..2f28598 100644 --- a/styles/layout.css +++ b/styles/layout.css @@ -1,12 +1,9 @@ -#header, #footer, #section { - width: 100%; - margin: 0 auto; -} - #home { background-color: #000000; } -#discover { - -} \ No newline at end of file +footer{ + width: 100%; + margin: 0 auto; + } + \ No newline at end of file diff --git a/styles/module.css b/styles/module.css index dac09ac..a5e24f1 100644 --- a/styles/module.css +++ b/styles/module.css @@ -6,7 +6,7 @@ padding: 0; margin: 0px auto; background-color: #000000; - } + } .nav li { display: inline-block; @@ -15,25 +15,25 @@ line-height: 40px; height: 40px; padding: 5px 10px; - } + } .nav a { text-decoration: none; color: rgb(251, 153, 76); display: block; - } + } .nav a:hover { color: rgb(228, 53, 9); - } + } .nav a.active { color: rgb(251, 153, 76); cursor: default; - } + } -/* Container module */ +/* Container module for Gallery */ .flex-container { display: inline-flex; @@ -79,3 +79,18 @@ flex: 0 1 auto; align-self: auto; } + +/* LEARN page module */ + +div.faq_container { + background-color: #ffffff; + background-size: cover; + opacity: 0.8; + width: 80%; + position: relative; + margin-left: auto; + margin-right: auto; + height: 1000px; + padding-top: 100px; + padding-left: 150px; + } diff --git a/styles/theme.css b/styles/theme.css index 47b2a66..b15364e 100644 --- a/styles/theme.css +++ b/styles/theme.css @@ -1,12 +1,15 @@ - /* Learn page styling */ - #learn p#question { - font-family: 'Roboto', sans-serif; - font-style: bold; - font-size: 14px; - } +/* Learn Page/FAQ styling */ + +div.faq p#question { + font-family: 'Roboto', sans-serif; + font-weight: bold; + font-size: 14px; + color: #35aa06; + } /* Learn page styling */ -#learn p#answer { +div.faq p#answer { font-family: 'Roboto', sans-serif; font-size: 14px; + color: rgb(37,57,79); } \ No newline at end of file