Fix css

divent/static/css/global.css

@@ -19,13 +19,14 @@ a {
 }
 
 body {
-    background-color: #2f3136;
+    background-color: #202225;
     margin: 0;
     font-family: Whitney, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
     color: #b9bbbe;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
+    align-items: center;
 }
 
 footer,
@@ -37,6 +38,7 @@ h2 {
 #avatars {
     display: flex;
     justify-content: center;
+    align-items: center;
 }
 
 #avatars img {
@@ -49,7 +51,6 @@ h2 {
     background-color: #18191c;
     border-radius: 5px;
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24);
-    align-self: center;
 }
 
 #box {
@@ -59,14 +60,13 @@ h2 {
 #dots {
     font-size: xx-large;
     opacity: 0.2;
-    align-self: center;
     margin: 0 24px;
 }
 
 .hr-sect {
     display: flex;
     align-items: center;
-    color: rgba(79, 84, 92);
+    color: #4f545c;
     margin: 8px 0;
 }
 
@@ -74,7 +74,7 @@ h2 {
 .hr-sect:after {
     content: "";
     flex-grow: 1;
-    background: rgba(79, 84, 92);
+    background-color: #4f545c;
     height: 1px;
     margin: 0 8px;
 }
@@ -191,13 +191,7 @@ hr {
 }
 
 @media only screen and (max-width : 320px) {
-    #logo {
-        align-self: center;
-        top: inherit;
-        left: inherit;
-    }
-
     footer ul li {
         display: block;
     }
-}
+}