From a64811b36aa03ddf9dfe780e2553934e7b3e7627 Mon Sep 17 00:00:00 2001 From: Jennifer Perez Date: Sun, 25 Nov 2018 19:28:56 -0500 Subject: [PATCH 1/8] lab2 --- index.html | 87 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100644 index.html diff --git a/index.html b/index.html new file mode 100644 index 0000000..2eb5519 --- /dev/null +++ b/index.html @@ -0,0 +1,87 @@ + + + + + + + + + Startup Matchmaker + + + + +
+
+ +
+
+ +
+

Because two brains taste are better than one.

+
+ + + +
+
+
+

Meet your Match!

+ Have a great idea for a product, but need help making it a reality? We're here to help. Startup matchmaker is the best place for designers and developers to find eachother. + +
+
+
+ + +
+
+

Create a Profile

+ Are you a Designer? Developer? Put yourself out there so that others can find you! +
+
SIGN UP NOW
+ +
+ + +
+

Find a Developer

+ Looking for a fantastic developer to work with on the next big thing? Look no further. +
+
START YOUR SEARCH
+
+ + +
+

Find a Designer

+ Need someone who can make a product intuitive and appealing? Get ready. +
+
START YOUR SEARCH
+
+ +
+ + + + \ No newline at end of file From f402e072206de9eba81efbf84e2b93114db1801c Mon Sep 17 00:00:00 2001 From: Jennifer Perez Date: Sun, 25 Nov 2018 19:29:30 -0500 Subject: [PATCH 2/8] lab2 css --- app.css | 236 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 236 insertions(+) create mode 100644 app.css diff --git a/app.css b/app.css new file mode 100644 index 0000000..29764ef --- /dev/null +++ b/app.css @@ -0,0 +1,236 @@ +*{ + padding:0; + margin:0; +} + +.border{ + border-bottom:solid 4px yellow; +} +/* header { + display: flex; +} */ + +.new { + display:flex; + background-color: black; + /* padding-bottom: 25px; */ + height: 70px; + /* flex-wrap:row; */ + align-items:center; + font-family: 'Merriweather', serif; + padding-top: 20px; + padding-bottom: 40px; + padding-left: 40px; +} + +.new ul li{ + display:inline-block; + /* padding-left: 80px; */ + align-content: left; + margin-left: 80px; +} + +/* #nav yellowletters{ + text-decoration: none; +} */ + +.greybox{ + display:flex; + background-color:#ccc; + height: 70px; + justify-content: center; + color:black; + padding-bottom: 1px; + padding-top: 20px; + font-family: 'Merriweather', serif; +} + +#yellowletters { + color:yellow; + font-weight: bold; + font-size: 30px; + text-decoration: none; +} + + +.whiteletters{ + color:white; + font-weight: bold; + font-size:20px; + font-family: 'Oswald', sans-serif; + text-decoration: none; +} + +a{ + color:white; + text-decoration: none;} + +s{ + color:rgb(80, 75, 75)} + +body{ + font-family: 'Source Sans Pro', sans-serif; + font-size: 20px; +} + + + +.underline{ + color: black; + text-decoration: none; + border-bottom: 3px solid yellow; + justify-content: space-around; +} + +/* */ + + +.picture-perfect { + /* background-image: url(images/coworking.jpg); + background-repeat: no-repeat; + height: 500px; + background-size: 100%; + overflow: hidden; + padding: 2% 3%; + box-shadow: inset 0 0 5px rgba(0,0,0,.75); */ + + /* flex-wrap: wrap; */ + background-image: url(images/coworking.jpg); + background-repeat: no-repeat; + /* position:absolute; */ + background-position: center 0px; + background-size: cover; + height: 800px; + position: relative; + background-origin: padding-box; + box-shadow: inset 0 0 5px rgba(0,0,0,.75); + + +} + +.boxme{ + background: rgba(255,255,255,.8); + width: 35%; + margin: 100px; + padding: 4%; + float: right; + box-shadow: 0 0 5px rgba(0,0,0,.75); +} +#button { + /* display:flex; + background-color:yellow; + color: black; + padding: 15px 32px; + position: relative; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + font-family: 'Oswald', sans-serif; */ + + +letter-spacing: 1px; +font-weight: bold; +background-color:yellow; +color: black; +display: block; +text-align: center; +padding: 12px; +margin-top: 15px; +box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); +border-radius: 5px; +} + +#button b{ + color: black; +} + +.row{ + display: flex; + flex-wrap: wrap; + /* padding-left: 90px; */ + margin:0 auto; + } + +.row { + height:100px; + margin: 90px; + margin-left: 10px; + padding-left:80px, 90px; + padding-bottom: 170px; + /* justify-content: space-between; */ + flex-flow:row; + line-height: 20px; + font-size: 20px; + /* position: relative; */ +} + + + .col4 { + width: calc(8.333%*4); + min-height: 100px; + margin-left: 14px; + padding-left: 12px; + /* margin-right: 40px; */ + box-shadow: inset -1px 0 0 rgba(0,0,0,.15); + justify-content: space-evenly; + + + } + + .col5 { + width: calc(8.333%*4); + min-height: 100px; + padding-right: 14px; + padding-left: 12px; + margin-left: 10px; + /* margin-right: 40px; */ + justify-content: space-evenly; + + } + + + +h2{ + margin-bottom:15px; + +} +.button{ +/* background-color:#ccc; +color: black; +padding: 15px 32px; +margin-top: 15px; +text-align: center; +text-decoration: none; +display: inline-block; +font-size: 16px; +font-family: 'Oswald', sans-serif; +*/ +font-family: 'Oswald', sans-serif; +letter-spacing: 1px; +background:#cccc; +color: black; +display: block; +text-align: center; +padding: 12px; +margin-top: 15px; +box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); +border-radius: 5px; +} + +.button b { + color: black; +} + + +.border nav a:hover { + color: yellow; +} +footer { + display:flex; + background-color: black; + color:white; + font-size: 20px; + padding:10px; + } + \ No newline at end of file From dae8dc31a3272c0aa4571cbba7fc012e381c55c3 Mon Sep 17 00:00:00 2001 From: Jennifer Perez Date: Tue, 27 Nov 2018 10:20:03 -0500 Subject: [PATCH 3/8] added a styles folder --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 2eb5519..a585e6e 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@ - + Startup Matchmaker From 496b2699b6149ac9df88de9c8369c41a999b1daf Mon Sep 17 00:00:00 2001 From: Jennifer Perez Date: Tue, 27 Nov 2018 10:21:44 -0500 Subject: [PATCH 4/8] adjusted rows --- styles/app.css | 257 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 257 insertions(+) create mode 100644 styles/app.css diff --git a/styles/app.css b/styles/app.css new file mode 100644 index 0000000..b882d3a --- /dev/null +++ b/styles/app.css @@ -0,0 +1,257 @@ +*{ + padding:0; + margin:0; +} + +.border{ + border-bottom:solid 4px yellow; +} +/* header { + display: flex; +} */ + +.new { + display:flex; + background-color: black; + /* padding-bottom: 25px; */ + /* height: 70px; */ + /* flex-wrap:row; */ + align-items:center; + font-family: 'Merriweather', serif; + padding-top: 20px; + padding-bottom: 40px; + padding-left: 40px; +} + +.new ul li{ + display:inline-block; + /* padding-left: 80px; */ + align-content: left; + margin-left: 80px; +} + +/* #nav yellowletters{ + text-decoration: none; +} */ + +.greybox{ + display:flex; + background-color:#ccc; + /* height: 70px; */ + justify-content: center; + color:black; + padding-bottom: 1px; + padding-top: 20px; + font-family: 'Merriweather', serif; +} + +#yellowletters { + color:yellow; + font-weight: bold; + font-size: 30px; + text-decoration: none; +} + + +.whiteletters{ + color:white; + font-weight: bold; + font-size:20px; + font-family: 'Oswald', sans-serif; + text-decoration: none; +} + +a{ + color:white; + text-decoration: none;} + +s{ + color:rgb(80, 75, 75)} + +body{ + font-family: 'Source Sans Pro', sans-serif; + font-size: 20px; +} + + + +.underline{ + color: black; + text-decoration: none; + border-bottom: 3px solid yellow; + justify-content: space-around; +} + +/* */ + + +.picture-perfect { + /* background-image: url(images/coworking.jpg); + background-repeat: no-repeat; + height: 500px; + background-size: 100%; + overflow: hidden; + padding: 2% 3%; + box-shadow: inset 0 0 5px rgba(0,0,0,.75); */ + + /* flex-wrap: wrap; */ + background-image: url(images/coworking.jpg); + background-repeat: no-repeat; + /* position:absolute; */ + background-position: center 0px; + background-size: cover; + height: 800px; + position: relative; + background-origin: padding-box; + box-shadow: inset 0 0 5px rgba(0,0,0,.75); + + +} + +.boxme{ + background: rgba(255,255,255,.8); + width: 35%; + font-size:20px; + margin: 100px; + padding: 4%; + float: right; + box-shadow: 0 0 5px rgba(0,0,0,.75); +} +#button { + /* display:flex; + background-color:yellow; + color: black; + padding: 15px 32px; + position: relative; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + font-family: 'Oswald', sans-serif; */ + + +letter-spacing: 1px; +font-weight: bold; +background-color:yellow; +color: black; +display: block; +text-align: center; +padding: 12px; +margin-top: 15px; +box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); +border-radius: 5px; +font-size:18px; +} + +#button b{ + color: black; +} + + + +/* .row { + + margin: 90px; + margin-left: 10px; + padding-left:80px, 90px; + flex-flow:row; + line-height: 20px; + font-size: 20px; +} */ +.row{ + display: flex; + flex-wrap: wrap; + /* padding-left: 90px; */ + margin: 0 auto; + line-height: 20px; + font-size: 16px; + margin-left:20px; +} + + + /* .col4 { + width: calc(8.333%*4); + min-height: 100px; + margin-left: 14px; + padding-left: 12px; + box-shadow: inset -1px 0 0 rgba(0,0,0,.15); + justify-content: space-evenly; + } */ + + .col4 { + width: calc(8.3333% *4 - 30px - 20px - 1px - 90px - 40px); + min-height: 100px; + margin-left: 20px; + margin-top: 30px; + padding-left: 20px; + padding-right: 90px; + /* padding-right:90px; */ + border-right: 1px solid gray; + +} + +.row h2 { + font-size:16.5px; +} + + .col5 { + + width: calc(8.3333% *4 - 1px - 90px - 40px); + min-height: 100px; + /* margin-left: 50px; */ + margin-top: 40px; + /* padding-left: 20px; */ + padding-right: 90px; + /* padding-right:90px; */ + margin-left: 20px; + + } + + + +h2{ + margin-bottom:15px; + +} +.button{ +background-color:#ccc; +color: black; +padding: 10px; +margin-top: 15px; +text-align: center; +text-decoration: none; +display: inline-block; +font-size: 16px; +font-family: 'Oswald', sans-serif; +border-radius: 10px; + +/* font-family: 'Oswald', sans-serif; +letter-spacing: 1px; +background:#cccc; +color: black; +display: block; +text-align: center; +padding: 12px; +margin-top: 15px; +box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); +border-radius: 10px; +font-size: 14px; */ +} + +.button b { + color: black; +} + + +.border nav a:hover { + color: yellow; +} +footer { + display:flex; + background-color: black; + color:white; + font-size: 20px; + padding:10px; + margin-top:25px; + } + \ No newline at end of file From 68557b4f52cff774c8682e295439ca501d0b9cf3 Mon Sep 17 00:00:00 2001 From: JennMP88 <43831534+JennMP88@users.noreply.github.com> Date: Tue, 27 Nov 2018 10:21:02 -0500 Subject: [PATCH 5/8] Delete app.css inserted to styles folder --- app.css | 236 -------------------------------------------------------- 1 file changed, 236 deletions(-) delete mode 100644 app.css diff --git a/app.css b/app.css deleted file mode 100644 index 29764ef..0000000 --- a/app.css +++ /dev/null @@ -1,236 +0,0 @@ -*{ - padding:0; - margin:0; -} - -.border{ - border-bottom:solid 4px yellow; -} -/* header { - display: flex; -} */ - -.new { - display:flex; - background-color: black; - /* padding-bottom: 25px; */ - height: 70px; - /* flex-wrap:row; */ - align-items:center; - font-family: 'Merriweather', serif; - padding-top: 20px; - padding-bottom: 40px; - padding-left: 40px; -} - -.new ul li{ - display:inline-block; - /* padding-left: 80px; */ - align-content: left; - margin-left: 80px; -} - -/* #nav yellowletters{ - text-decoration: none; -} */ - -.greybox{ - display:flex; - background-color:#ccc; - height: 70px; - justify-content: center; - color:black; - padding-bottom: 1px; - padding-top: 20px; - font-family: 'Merriweather', serif; -} - -#yellowletters { - color:yellow; - font-weight: bold; - font-size: 30px; - text-decoration: none; -} - - -.whiteletters{ - color:white; - font-weight: bold; - font-size:20px; - font-family: 'Oswald', sans-serif; - text-decoration: none; -} - -a{ - color:white; - text-decoration: none;} - -s{ - color:rgb(80, 75, 75)} - -body{ - font-family: 'Source Sans Pro', sans-serif; - font-size: 20px; -} - - - -.underline{ - color: black; - text-decoration: none; - border-bottom: 3px solid yellow; - justify-content: space-around; -} - -/* */ - - -.picture-perfect { - /* background-image: url(images/coworking.jpg); - background-repeat: no-repeat; - height: 500px; - background-size: 100%; - overflow: hidden; - padding: 2% 3%; - box-shadow: inset 0 0 5px rgba(0,0,0,.75); */ - - /* flex-wrap: wrap; */ - background-image: url(images/coworking.jpg); - background-repeat: no-repeat; - /* position:absolute; */ - background-position: center 0px; - background-size: cover; - height: 800px; - position: relative; - background-origin: padding-box; - box-shadow: inset 0 0 5px rgba(0,0,0,.75); - - -} - -.boxme{ - background: rgba(255,255,255,.8); - width: 35%; - margin: 100px; - padding: 4%; - float: right; - box-shadow: 0 0 5px rgba(0,0,0,.75); -} -#button { - /* display:flex; - background-color:yellow; - color: black; - padding: 15px 32px; - position: relative; - text-align: center; - text-decoration: none; - display: inline-block; - font-size: 16px; - font-family: 'Oswald', sans-serif; */ - - -letter-spacing: 1px; -font-weight: bold; -background-color:yellow; -color: black; -display: block; -text-align: center; -padding: 12px; -margin-top: 15px; -box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); -border-radius: 5px; -} - -#button b{ - color: black; -} - -.row{ - display: flex; - flex-wrap: wrap; - /* padding-left: 90px; */ - margin:0 auto; - } - -.row { - height:100px; - margin: 90px; - margin-left: 10px; - padding-left:80px, 90px; - padding-bottom: 170px; - /* justify-content: space-between; */ - flex-flow:row; - line-height: 20px; - font-size: 20px; - /* position: relative; */ -} - - - .col4 { - width: calc(8.333%*4); - min-height: 100px; - margin-left: 14px; - padding-left: 12px; - /* margin-right: 40px; */ - box-shadow: inset -1px 0 0 rgba(0,0,0,.15); - justify-content: space-evenly; - - - } - - .col5 { - width: calc(8.333%*4); - min-height: 100px; - padding-right: 14px; - padding-left: 12px; - margin-left: 10px; - /* margin-right: 40px; */ - justify-content: space-evenly; - - } - - - -h2{ - margin-bottom:15px; - -} -.button{ -/* background-color:#ccc; -color: black; -padding: 15px 32px; -margin-top: 15px; -text-align: center; -text-decoration: none; -display: inline-block; -font-size: 16px; -font-family: 'Oswald', sans-serif; -*/ -font-family: 'Oswald', sans-serif; -letter-spacing: 1px; -background:#cccc; -color: black; -display: block; -text-align: center; -padding: 12px; -margin-top: 15px; -box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); -border-radius: 5px; -} - -.button b { - color: black; -} - - -.border nav a:hover { - color: yellow; -} -footer { - display:flex; - background-color: black; - color:white; - font-size: 20px; - padding:10px; - } - \ No newline at end of file From 308331c4a98c3cd9c3874854e4914864c042ee0d Mon Sep 17 00:00:00 2001 From: JennMP88 <43831534+JennMP88@users.noreply.github.com> Date: Tue, 27 Nov 2018 10:50:34 -0500 Subject: [PATCH 6/8] Delete index.html --- index.html | 87 ------------------------------------------------------ 1 file changed, 87 deletions(-) delete mode 100644 index.html diff --git a/index.html b/index.html deleted file mode 100644 index a585e6e..0000000 --- a/index.html +++ /dev/null @@ -1,87 +0,0 @@ - - - - - - - - - Startup Matchmaker - - - - -
-
- -
-
- -
-

Because two brains taste are better than one.

-
- - - -
-
-
-

Meet your Match!

- Have a great idea for a product, but need help making it a reality? We're here to help. Startup matchmaker is the best place for designers and developers to find eachother. - -
-
-
- - -
-
-

Create a Profile

- Are you a Designer? Developer? Put yourself out there so that others can find you! -
-
SIGN UP NOW
- -
- - -
-

Find a Developer

- Looking for a fantastic developer to work with on the next big thing? Look no further. -
-
START YOUR SEARCH
-
- - -
-

Find a Designer

- Need someone who can make a product intuitive and appealing? Get ready. -
-
START YOUR SEARCH
-
- -
- - -
-
- © 2013 Startup Matchmaker. Made in NY. -
-
- \ No newline at end of file From 757b42f647834c8f8dcf1f9893379a75d3632466 Mon Sep 17 00:00:00 2001 From: Jennifer Perez Date: Tue, 27 Nov 2018 11:41:24 -0500 Subject: [PATCH 7/8] new index --- index.html | 78 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 78 insertions(+) create mode 100644 index.html diff --git a/index.html b/index.html new file mode 100644 index 0000000..cff6e82 --- /dev/null +++ b/index.html @@ -0,0 +1,78 @@ + + + + + + + + + Startup Matchmaker + + + + +
+
+ +
+
+ +
+

Because two brains taste are better than one.

+
+ + +
+
+
+

Meet your Match!

+ Have a great idea for a product, but need help making it a reality? We're here to help. Startup matchmaker is the best place for designers and developers to find eachother. + +
+
+
+ + +
+
+

Create a Profile

+ Are you a Designer? Developer? Put yourself out there so that others can find you! +
+
SIGN UP NOW
+ +
+ + +
+

Find a Developer

+ Looking for a fantastic developer to work with on the next big thing? Look no further. +
+
START YOUR SEARCH
+
+ + +
+

Find a Designer

+ Need someone who can make a product intuitive and appealing? Get ready. +
+
START YOUR SEARCH
+
+ +
+ + +
+
+ © 2013 Startup Matchmaker. Made in NY. +
+
+ \ No newline at end of file From 063bc27862fed3721b8d539c00df431a88f10b29 Mon Sep 17 00:00:00 2001 From: Jennifer Perez Date: Tue, 27 Nov 2018 11:41:47 -0500 Subject: [PATCH 8/8] css page --- app.css | 258 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 258 insertions(+) create mode 100644 app.css diff --git a/app.css b/app.css new file mode 100644 index 0000000..d9eeacb --- /dev/null +++ b/app.css @@ -0,0 +1,258 @@ +*{ + padding:0; + margin:0; +} + +.border{ + border-bottom:solid 4px yellow; +} +/* header { + display: flex; +} */ + +.new { + display:flex; + background-color: black; + /* padding-bottom: 25px; */ + /* height: 70px; */ + /* flex-wrap:row; */ + align-items:center; + font-family: 'Merriweather', serif; + padding-top: 20px; + padding-bottom: 40px; + padding-left: 40px; +} + +.new ul li{ + display:inline-block; + /* padding-left: 80px; */ + align-content: left; + margin-left: 80px; +} + +/* #nav yellowletters{ + text-decoration: none; +} */ + +.greybox{ + display:flex; + background-color:#ccc; + /* height: 70px; */ + justify-content: center; + color:black; + padding-bottom: 1px; + padding-top: 20px; + font-family: 'Merriweather', serif; +} + +#yellowletters { + color:yellow; + font-weight: bold; + font-size: 30px; + text-decoration: none; +} + + +.whiteletters{ + color:white; + font-weight: bold; + font-size:20px; + font-family: 'Oswald', sans-serif; + text-decoration: none; +} + +a{ + color:white; + text-decoration: none;} + +s{ + color:rgb(80, 75, 75)} + +body{ + font-family: 'Source Sans Pro', sans-serif; + font-size: 20px; +} + + + +.underline{ + color: black; + text-decoration: none; + border-bottom: 3px solid yellow; + justify-content: space-around; +} + +/* */ + + +.picture-perfect { + /* background-image: url(images/coworking.jpg); + background-repeat: no-repeat; + height: 500px; + background-size: 100%; + overflow: hidden; + padding: 2% 3%; + box-shadow: inset 0 0 5px rgba(0,0,0,.75); */ + + /* flex-wrap: wrap; */ + background-image: url(images/coworking.jpg); + background-repeat: no-repeat; + /* position:absolute; */ + background-position: center 0px; + background-size: cover; + height: 800px; + position: relative; + background-origin: padding-box; + box-shadow: inset 0 0 5px rgba(0,0,0,.75); + + +} + +.boxme{ + background: rgba(255,255,255,.8); + width: 35%; + font-size:20px; + margin: 100px; + padding: 4%; + float: right; + box-shadow: 0 0 5px rgba(0,0,0,.75); +} +#button { + /* display:flex; + background-color:yellow; + color: black; + padding: 15px 32px; + position: relative; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + font-family: 'Oswald', sans-serif; */ + + +letter-spacing: 1px; +font-weight: bold; +background-color:yellow; +color: black; +display: block; +text-align: center; +padding: 12px; +margin-top: 15px; +box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); +border-radius: 5px; +font-size:18px; +} + +#button b{ + color: black; +} + + + +/* .row { + + margin: 90px; + margin-left: 10px; + padding-left:80px, 90px; + flex-flow:row; + line-height: 20px; + font-size: 20px; +} */ +.row{ + display: flex; + flex-wrap: wrap; + /* padding-left: 90px; */ + margin: 0 auto; + line-height: 20px; + font-size: 16px; + margin-left:20px; +} + + + /* .col4 { + width: calc(8.333%*4); + min-height: 100px; + margin-left: 14px; + padding-left: 12px; + box-shadow: inset -1px 0 0 rgba(0,0,0,.15); + justify-content: space-evenly; + } */ + + .col4 { + width: calc(8.3333% *4 - 30px - 20px - 1px - 90px - 40px); + min-height: 100px; + margin-left: 20px; + margin-top: 30px; + padding-left: 20px; + padding-right: 90px; + /* padding-right:90px; */ + border-right: 1px solid gray; + +} + +.row h2 { + font-size:16.5px; +} + + .col5 { + + width: calc(8.3333% *4 - 1px - 90px - 40px); + min-height: 100px; + /* margin-left: 50px; */ + margin-top: 40px; + /* padding-left: 20px; */ + padding-right: 90px; + /* padding-right:90px; */ + margin-left: 20px; + + } + + + +h2{ + margin-bottom:15px; + +} +.button{ +background-color:#ccc; +color: black; +padding: 10px; +margin-top: 15px; +text-align: center; +text-decoration: none; +display: inline-block; +font-size: 16px; +font-family: 'Oswald', sans-serif; +border-radius: 10px; + +/* font-family: 'Oswald', sans-serif; +letter-spacing: 1px; +background:#cccc; +color: black; +display: block; +text-align: center; +padding: 12px; +margin-top: 15px; +box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); +border-radius: 10px; +font-size: 14px; */ +} + +.button b { + color: black; +} + + +.border nav a:hover { + color: yellow; +} +footer { + display:flex; + background-color: black; + color:white; + font-size: 20px; + padding:10px; + margin-top:25px; + } + + \ No newline at end of file