add chat

assets/css/stylesheet.css

@@ -69,20 +69,23 @@ h1, h2, h3, h4, h5, h6 {
     display: flex;
     flex-direction: row;
 
+    justify-content: center;
+    
     padding: 30px 25px;
 }
 
 .page-sidebar{
-    width: 100px;
+    width: auto;
     flex-grow: 1;
     margin: 0 25px;
+
+    
 }
 .page-content{
-    width: 100px;
 
     background-color: var(--tertiary-color);
     flex-grow: 10;
-    margin: 0 25px;
+    margin: 0 50px;
     border-radius: 30px;
 
     box-shadow: -10px 5px 15px var(--primary-color);
@@ -93,14 +96,13 @@ h1, h2, h3, h4, h5, h6 {
 .SideBar{
     display: flex;
     flex-direction: column;
-    height: 90vh;
+    height: 100vh;
     position: fixed;
 
 }
 
 .SideBar .top-sidebar{
     flex-grow: 1;
-    display: flex;
     align-items: end;
     justify-content: start;
 }
@@ -111,15 +113,12 @@ h1, h2, h3, h4, h5, h6 {
 
 .SideBar .button-sidebar{
     flex-grow: 1;
-    display: flex;
-    align-items: end;
-    justify-content: start;
 }
 
 .SideBar .image{
-    width: 90%;
+    width: 60%;
     height: auto;
-    margin: 30px 0px;
+    margin: 10px 0px;
 }
 
 .menu{