Set #info styles

Set background color, font colors, sizes, and
weights, and image sizes and borders for the #info
section.
Also change spacing between specifiers for #top
styles.

1 files changed, 20 insertions, 4 deletions

diff --git a/styles.css b/styles.css
index 9e20254..31a311b 100644
--- a/styles.css
+++ b/styles.css
@@ -6,22 +6,19 @@
     background-color: #1F2937;
     color: #F9FAF8;
 }
-
 #top h1 {
     font-size: 48px;
     font-weight: 900;
 }
-
+/* Secondary text */
 #top a,
 #top h6 {
     font-size: 18px;
     color: #E5E7EB;
 }
-
 #logo {
     font-size: 24px;
 }
-
 #hero img {
     width: 400px;
     height: 200px;
@@ -30,4 +27,23 @@
 button {
     background-color: #3882F6;
     color: #F9FAF8;
+}
+
+
+#info {
+    background-color: #FFFFFF;
+}
+#info h2 {
+    font-size: 36px;
+    color: #1F2937;
+    font-weight: 900;
+}
+#info h6 {
+    font-size: 18px;
+    color: #8f9093;
+}
+#info img {
+    border: 4px solid #3882F6;
+    width: 100px;
+    height: 100px;
 }
\ No newline at end of file