From 93c06e5d354716e49b078f11799314169e6f8830 Mon Sep 17 00:00:00 2001
From: SeungoneKim <seungone@cmu.edu>
Date: Fri, 6 Dec 2024 14:04:55 -0500
Subject: [PATCH] change css

---
 docs/assets/css/styles.css | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/docs/assets/css/styles.css b/docs/assets/css/styles.css
index 3d7af8a..a92224b 100644
--- a/docs/assets/css/styles.css
+++ b/docs/assets/css/styles.css
@@ -9,6 +9,7 @@ html {
 
 body {
   font-family: 'Noto Sans', sans-serif;
+  text-align: center;
 }
 
 .wrapper {
@@ -17,7 +18,7 @@ body {
   margin: 0 auto;
   padding: 0 30px;
   box-sizing: border-box;
-  text-align: justify;
+  text-align: center;
 }
 
 h1 {
@@ -58,7 +59,7 @@ p {
   margin-bottom: 20px;
   color: #555;
   font-weight: 300;
-  text-align: justify;
+  text-align: center;
   line-height: 1.6;
   & > b {
     font-weight: 500;
@@ -199,18 +200,21 @@ pre {
 .sys-img {
   text-align: center;
   margin: 30px 0;
+  width: 100%;
+  height: 400px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .sys-img img {
   width: auto;
   height: auto;
   max-width: 100%;
-  max-height: 400px;
+  max-height: 100%;
   object-fit: contain;
-  display: inline-block;
 }
 
-
 .button-container {
   display: flex;
   justify-content: center;
@@ -346,10 +350,7 @@ strong {
 
   .sys-img {
     margin: 20px 0;
-  }
-  
-  .sys-img img {
-    max-height: 300px;
+    height: 300px;
   }
 
   .acknowledgement {