remove inline CSS style

3 files changed, 17 insertions, 5 deletions

diff --git a/index.html b/index.html
index 7eebe7c..64c74f6 100644
--- a/index.html
+++ b/index.html
@@ -93,7 +93,7 @@
             </div>
         </div>
 
-        <div style="background-color: #eee; padding-top: 1px; margin-top: 20px; padding-bottom: 30px;">
+        <div class="darkgroup">
             <div class="container">
                 <div class="ctitle">Projects</div>
                 <ul class="nodot">
@@ -103,14 +103,14 @@
             </div>
         </div>
 
-        <div style="margin-top: 20px; padding-bottom: 30px;">
+        <div class="lightgroup">
             <div class="container">
                 <div class="ctitle">Interests</div>
                 <img src="https://projecteuler.net/profile/conjfrnk.png" />
             </div>
         </div>
 
-        <div style="background-color: #eee; padding-top: 1px; margin-top: 20px; padding-bottom: 30px;">
+        <div class="darkgroup">
             <div class="container">
                 <div class="ctitle">Other Stuff</div>
                 <ul class="nodot">
diff --git a/minigolf.html b/minigolf.html
index 697af36..b788c81 100644
--- a/minigolf.html
+++ b/minigolf.html
@@ -62,7 +62,7 @@
             </div>
         </div>
 
-        <div style="background-color: #eee; padding-top: 1px; margin-top: 20px; padding-bottom: 30px;">
+        <div class="darkgroup">
             <div class="container">
                 <div class="ctitle">Links</div>
                 <ul class="nodot">
@@ -74,7 +74,7 @@
             </div>
         </div>
 
-        <div style="margin-top: 20px; padding-bottom: 30px;">
+        <div class="lightgroup">
             <div class="container">
                 <div class="ctitle"><a href="index.html">Home</a></div>
             </div>
diff --git a/style.css b/style.css
index 63492fe..67613e9 100644
--- a/style.css
+++ b/style.css
@@ -24,6 +24,18 @@ body {
 	grid-template-columns: repeat(12, 1fr);
 }
 
+.darkgroup {
+    background-color: #eee;
+    padding-top: 1px;
+    margin-top: 20px;
+    padding-bottom: 30px;
+}
+
+.lightgroup {
+    margin-top: 20px;
+    padding-bottom: 30px;
+}
+
 #dhead {
 	margin-top: 20px;
 }