modify lobby and pause look

frontend/src/app/lobby/page.tsx

@@ -180,7 +180,7 @@ export default function Lobby() {
 
   if (sessionState == "lobby") {
     return (
-      <main className="flex min-h-screen flex-col items-center justify-between p-24">
+      <main className="relative flex min-h-screen flex-col items-center justify-between p-24">
         <div>
           <h1
             className={`${nunito.className} text-outline text-[42px] tracking-tighter text-yellow-500`}
@@ -189,7 +189,7 @@ export default function Lobby() {
           </h1>
         </div>
 
-        <div className="flex min-h-[532px] min-w-[500px] flex-col items-center justify-start gap-4 rounded-md bg-blue-950/80 p-8">
+        <div className="absolute inset-1/2 flex min-h-[532px] min-w-[500px] -translate-x-1/2 -translate-y-1/2 flex-col items-center justify-start gap-4 rounded-md bg-blue-950/80 p-8">
           <div className="flex w-full flex-row items-center justify-between px-1">
             <div className="text-3xl font-bold text-yellow-500">
               Players: {userList.length}
@@ -198,7 +198,7 @@ export default function Lobby() {
               onClick={startSession}
               className="rounded-lg border-2 border-black bg-yellow-500 p-4 text-2xl font-extrabold text-blue-600 hover:bg-yellow-400"
             >
-              START!
+              START
             </button>
           </div>
 
@@ -211,7 +211,7 @@ export default function Lobby() {
               {userList.map((user) => (
                 <div
                   key={user.id}
-                  className="flex min-w-32 items-center gap-x-4 rounded-l-[40px] rounded-r-lg border-2 bg-orange-400/90 p-2"
+                  className="flex min-w-51 items-center gap-x-4 rounded-l-[40px] rounded-r-lg border-2 bg-orange-400/90 p-2"
                 >
                   <img
                     src={user.avatar}

frontend/src/app/pause/page.tsx

@@ -25,7 +25,7 @@ export default function Pause() {
         href="/voting"
         className="rounded-lg border-2 border-black bg-yellow-500 p-4 text-2xl font-extrabold text-blue-600 hover:bg-yellow-400"
       >
-        START
+        HERVATTEN
       </Link>
     </main>
   );