From 57c93f36a7bea99217f916457264cf5549e6c647 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Wed, 7 Sep 2022 15:49:07 -0400
Subject: [PATCH] CSS rules for background colors

---
 src/layouts/index.html   |  4 ++
 src/static/css/style.css | 84 ++++++++++++++++++++++++++++------------
 2 files changed, 64 insertions(+), 24 deletions(-)

diff --git a/src/layouts/index.html b/src/layouts/index.html
index 3ecb913..365937f 100644
--- a/src/layouts/index.html
+++ b/src/layouts/index.html
@@ -14,4 +14,8 @@
   </div>
   {{- partial "full-width-cta.html" . -}}
 </section>
+
+<section>
+  
+</section>
 {{ end }}
diff --git a/src/static/css/style.css b/src/static/css/style.css
index 131f905..3490a23 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -44,37 +44,73 @@ div.container-fluid.top-nav{
 
 /* Brand Colors */
 
-.teal{
-  color:#00ffd0;
-}
+  /* Type Colors */
 
-.black{
-  color: #1a1a1a;
-}
+  .teal{
+    color:#00ffd0;
+  }
 
-.dark-gray{
-  color: #4d4d4d;
-}
+  .black{
+    color: #1a1a1a;
+  }
 
-.grid-gray{
-  color: #949494;
-}
+  .dark-gray{
+    color: #4d4d4d;
+  }
 
-.light-gray{
-  color: #e1e1e1;
-}
+  .grid-gray{
+    color: #949494;
+  }
 
-.white{
-  color: #ffffff;
-}
+  .light-gray{
+    color: #e1e1e1;
+  }
 
-.purple{
-  color: #8000ff;
-}
+  .white{
+    color: #ffffff;
+  }
 
-.orange{
-  color: #ff4100;
-}
+  .purple{
+    color: #8000ff;
+  }
+
+  .orange{
+    color: #ff4100;
+  }
+
+  /* Background Colors */
+
+  .teal-bg{
+    background-color:#00ffd0;
+  }
+
+  .black-bg{
+    background-color: #1a1a1a;
+  }
+
+  .dark-gray-bg{
+    background-color: #4d4d4d;
+  }
+
+  .grid-gray-bg{
+    background-color: #949494;
+  }
+
+  .light-gray-bg{
+    background-color: #e1e1e1;
+  }
+
+  .white-bg{
+    background-color: #ffffff;
+  }
+
+  .purple-bg{
+    background-color: #8000ff;
+  }
+
+  .orange-bg{
+    background-color: #ff4100;
+  }
 
 /* General Typography */