Centering logo + title in the menu

src/Menu/Menu.css

@@ -3,15 +3,6 @@
 /* Name of this piece of software */
 
 .title {
-  width: 100px;
-  font-size: 35px;
-  font-weight: bold;
-  letter-spacing: 0.3px;
-  text-align: left;
-  color: #edc61b;
-  line-height: 100px;
-  margin: 0 15px 0 5px;
-  float:right;
   display:none;
 }
 
@@ -66,8 +57,9 @@
 
 /* Behaviors logo */
 .logo {
-  margin: 5px 5px 1vh 5px;
-  height: 100px;
+  margin: 20px 0px 1vh 20px;
+  height: 80px;
+  display: inline-block;
 }
 
 /* Footer with About us and lock button */
@@ -79,6 +71,7 @@
 
 .footer:hover {
   filter: invert(67%) sepia(71%) saturate(551%) hue-rotate(1deg) brightness(111%) contrast(86%);
+  cursor: pointer;
 }
 
 .lock-button {
@@ -90,7 +83,19 @@
 }
 
 .sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .title {
-  display:block;
+  display: inline-block;
+  float:right;
+  width: 100px;
+  height:80px;
+  font-size: 35px;
+  font-weight: bold;
+  letter-spacing: 0.3px;
+  text-align: left;
+  color: #edc61b;
+  line-height: 80px;
+  margin-right: 22px;
+  margin-top:18px;
+
 }
 
 /* Side navigation menu */

src/Menu/index.js

@@ -13,7 +13,7 @@ export function Menu(props) {
       }}
     >
       <img className="logo"
-        src={window.location.origin + "/images/logoBehaviors.png"}
+        src={window.location.origin + "/images/logoBehaviors2.png"}
         alt="logo of the Behaviors.ai project"
         />
       <div className="title">