1 files changed, 54 insertions, 54 deletions

diff --git a/public/styles.css b/public/styles.css
index 0985ee2..c16d591 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -2,86 +2,86 @@
 
 
 body {
-    background-color: #1f1f1f;
-    color: #e6e6e6;
-    font-family: 'FreeSerif', serif;
-    margin: 0;
-    padding: 0;
-    max-width: 900px;
-    margin: 0 auto;
-    padding: 0 20px;
-    box-sizing: border-box;
+  background-color: #272727;
+  color: #e6e6e6;
+  font-family: 'FreeSerif', serif;
+  margin: 0;
+  padding: 0;
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 0 20px;
+  box-sizing: border-box;
 }
 
 header {
-    text-align: center;
-    padding: 20px;
+  text-align: center;
+  padding: 20px;
 }
 
 nav ul {
-    list-style: none;
-    padding: 0;
-    text-align: center;
+  list-style: none;
+  padding: 0;
+  text-align: center;
 }
 
 nav ul li {
-    display: inline-block;
-    margin-right: 20px;
+  display: inline-block;
+  margin-right: 20px;
 }
 
 nav ul li.logo img {
-    max-height: 70px;
+  max-height: 70px;
 }
 
 nav ul li a {
-    color: #716181;
-    text-decoration: none;
+  color: #716181;
+  text-decoration: none;
 }
 
 a {
-    color: #5e4d96;
-    text-decoration: none;
+  color: #5e4d96;
+  text-decoration: none;
 }
 
 a:hover {
-    text-decoration: underline;
+  text-decoration: underline;
 }
 
 .description {
-    margin: 20px auto;
-    font-size: 18px;
-    max-width: 90%;
-    padding: 0 10px;
+  margin: 20px auto;
+  font-size: 18px;
+  max-width: 90%;
+  padding: 0 10px;
 }
 
 .posts {
-    border-top: 1px solid #C0C0C0;
-    padding-top: 10px;
+  border-top: 1px solid #C0C0C0;
+  padding-top: 10px;
 }
 
 .posts h2 {
-    font-size: 24px;
-    padding-bottom: 5px;
+  font-size: 24px;
+  padding-bottom: 5px;
 }
 
 .posts ul {
-    list-style: none;
-    padding: 0;
+  list-style: none;
+  padding: 0;
 }
 
 .posts ul li {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 .right-image {
-    float: right;
-    margin: 0 0 10px 10px;
-    height: auto;
+  float: right;
+  margin: 0 0 10px 10px;
+  height: auto;
 }
 
 .left-image {
-    float: left;
-    height: auto;
+  float: left;
+  height: auto;
 }
 .center {
   display: block;
@@ -103,54 +103,54 @@ a:hover {
 /* Media Queries for responsiveness */
 @media (max-width: 768px) {
     body {
-        max-width: 100%;
-        padding: 0 10px;
+      max-width: 100%;
+      padding: 0 10px;
     }
 
     .title {
-        font-size: 28px;
+      font-size: 28px;
     }
 
     nav ul {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
     }
 
     nav ul li {
-        display: block;
-        margin: 10px 0;
-        text-align: center;
+      display: block;
+      margin: 10px 0;
+      text-align: center;
     }
 
     nav ul li.logo img {
-        max-height: 50px;
+      max-height: 50px;
     }
 
     .description {
-        font-size: 16px;
+      font-size: 16px;
     }
 
     .posts h2 {
-        font-size: 22px;
+      font-size: 22px;
     }
 }
 
 @media (max-width: 480px) {
     .title {
-        font-size: 24px;
+      font-size: 24px;
     }
 
     .description {
-        font-size: 14px;
+      font-size: 14px;
     }
 
     .posts h2 {
-        font-size: 20px;
+      font-size: 20px;
     }
 
     nav ul li {
-        margin: 5px 0;
+      margin: 5px 0;
     }
 }