Site :

- Fix but not finished lobby page
    - Add Button nav bar functionality

docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css

@@ -57,7 +57,7 @@ body {
 }
 
 .main{
-	padding-top: 80px;
+	padding-block: 25px;
 	padding-inline: 150px;
 	display: flex;
 	flex-direction: row;
@@ -180,17 +180,29 @@ body {
 	border: 5px solid white;
 }
 
-#topBar {
+#topBarLobby {
+	display: flex;
+	flex-direction: row;
 	margin-block: 25px;
 	padding: 0;
 	padding-inline: 50px;
 	display: flex;
-	background-color: transparent;
 	gap: 2rem;
 	align-items: center;
 	justify-content: center;
 	inset-inline: 0;
 	top: 0;
+	z-index: 500;
+}
+
+#topBarLobby h1 {
+	padding: 0;
+	padding-top: 4px;
+	font-size: 35px;
+	color: white;
+	font-family: 'Poppins';
+	font-style: italic;
+    font-weight: bold;
 }
 
 .game-mode {
@@ -199,7 +211,7 @@ body {
 }
 
 .mode-card {
-	background-color: #d3d3d3;
+	background-color: white;
 	color: #000;
 	padding: 20px;
 	width: 300px;
@@ -216,8 +228,10 @@ body {
 
 .search-container {
 	display: flex;
-	align-items: center;
+	align-items: flex-start;
+	justify-content: center;
 	width: 40%;
+	padding-top: 20px;
 }
 
 .search-input {
@@ -251,20 +265,35 @@ body {
 	flex-direction: row;
 	justify-content: space-between;
 	align-items: center;
+	justify-content: center;
 	width: 100%;
+	margin-block: 25px;
 }
 
 .buttonStartGame {
 	background-color: white;
 	padding: 10px;
 	cursor: pointer;
+	width: 150px;
+	text-align: center;
+	transition: transform 0.3s ease;
 }
 
 .buttonStartGame:hover {
-	background-color: rgb(186, 186, 186);
 	transform: scale(1.1);
 }
 
+#popMenuLoginButtonLobby {
+	background-color: white;
+	position: absolute;
+	z-index: 500;
+	width: 130px;
+	text-align: center;
+	display: none;
+	flex-direction: column;
+	justify-content: center;
+}
+
 @keyframes startGameAnim {
 	0% {
 		transform: translateX(-0%);