Centred and added border to architecture diagram.

1 files changed, 19 insertions, 2 deletions

diff --git a/common/main.css b/common/main.css
index ba326cf..bbf627b 100644
--- a/common/main.css
+++ b/common/main.css
@@ -47,7 +47,8 @@ html {
 }
 
 body {
-    background-color: #ddd;
+    /* background-color: #ddd; */
+    background-color: #f5f5f5;
 }
 
 a {
@@ -81,7 +82,7 @@ h2 {
     padding-top: 128px;
 
     background-color: #f5f5f5;
-    border: 2px solid #c8c8c8;
+    /* border: 2px solid #c8c8c8; */
     display: flex;
     flex-direction: column;
 
@@ -317,6 +318,22 @@ li {
     margin-left: 32px;
 }
 
+.architecture-image-container {
+    margin-top: 32px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+}
+
+.architecture-image-container img {
+    border: 2px solid #c8c8c8;
+    transition: 0.125s;
+}
+
+.architecture-image-container:hover img {
+    border: 2px solid #828282;
+}
+
 #social {
     width: fit-content;
     height: fit-content;