diff --git a/src/public/4acd7872dbae41e89c548130f6dca980.html b/src/public/4acd7872dbae41e89c548130f6dca980.html
index 1c2cb4a..4693347 100644
--- a/src/public/4acd7872dbae41e89c548130f6dca980.html
+++ b/src/public/4acd7872dbae41e89c548130f6dca980.html
@@ -6,8 +6,9 @@
 </head>
 
 <body>
-      <h3>Placeholder...</h3>
-    
+  <div class="container">
+    <h3>Placeholder...</h3>
+  </div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/public/access/false/safebox.html b/src/public/access/false/safebox.html
index 4282de0..fb293c1 100644
--- a/src/public/access/false/safebox.html
+++ b/src/public/access/false/safebox.html
@@ -7,11 +7,13 @@
 </head>
 
 <body>
-    <img class="background-image" src="/pictures/background05.png">
-    <h3>
-        <span style="color: red">U</span>nlock the secu<span style="color: red">r</span>ed safe quick<span
-            style="color: red">l</span>y...
-    </h3>
+    <div class="container">
+        <img class="background-image" src="/pictures/background05.png">
+        <h3>
+            <span style="color: red">U</span>nlock the secu<span style="color: red">r</span>ed safe quick<span
+                style="color: red">l</span>y...
+        </h3>
+    </div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/public/access/true/safebox.html b/src/public/access/true/safebox.html
index 126fc74..cc6c3cc 100644
--- a/src/public/access/true/safebox.html
+++ b/src/public/access/true/safebox.html
@@ -7,12 +7,15 @@
 </head>
 
 <body>
-    <img class="background-image" src="/pictures/background06.png">
-    <h3>Congratulations, you got the certificate!!!</h3>
-    <h4>
-        Find the hidden link to<a class="hidden_link" href="/4acd7872dbae41e89c548130f6dca980.html" target="_self"> </a>
-        continue...
-    </h4>
+    <div class="container">
+        <img class="background-image" src="/pictures/background06.png">
+        <h3>Congratulations, you got the certificate!!!</h3>
+        <h4>
+            Find the hidden link to<a class="hidden_link" href="/4acd7872dbae41e89c548130f6dca980.html" target="_self">
+            </a>
+            continue...
+        </h4>
+    </div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/public/enter_school.html b/src/public/enter_school.html
index e296b48..d0cee64 100644
--- a/src/public/enter_school.html
+++ b/src/public/enter_school.html
@@ -6,9 +6,11 @@
 </head>
 
 <body>
-    <img class="background-image" src="./pictures/background01.png" usemap="#no">
-    <h3>Enter the door...</h3><map name="no"><area shape="rect" coords="501,158,634,380" alt="Test"
-            href="./userpass.html"></map>
+    <div class="container">
+        <img class="background-image" src="./pictures/background01.png" usemap="#no">
+        <h3>Enter the door...</h3><map name="no"><area shape="rect" coords="501,158,634,380" alt="Test"
+                href="./userpass.html"></map>
+    </div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/public/math_abi.html b/src/public/math_abi.html
index d3af9f6..991b4f5 100644
--- a/src/public/math_abi.html
+++ b/src/public/math_abi.html
@@ -6,36 +6,39 @@
 </head>
 
 <body>
-    <form id="math-form">
-        <div class="math-div"><img class="math-image" src="./pictures/background04.png"><input class="math-mask"
-                type="text" id="nullstelle" name="nullstelle"><button id="abgeben-button" type="submit">Abgeben</button>
-            <div class="hidden" id="wrong-solution">f</div>
-        </div>
-        <h3>Solve the task...</h3>
-    </form>
-    <script>checkInput = function (nullstelle) {
-            nullstelle = btoa(nullstelle);
-            if (nullstelle == "MA==") {
-                return true;
-            } else {
-                return false;
+    <div class="container">
+        <form id="math-form">
+            <div class="math-div"><img class="math-image" src="./pictures/background04.png"><input class="math-mask"
+                    type="text" id="nullstelle" name="nullstelle"><button id="abgeben-button"
+                    type="submit">Abgeben</button>
+                <div class="hidden" id="wrong-solution">f</div>
+            </div>
+            <h3>Solve the task...</h3>
+        </form>
+        <script>checkInput = function (nullstelle) {
+                nullstelle = btoa(nullstelle);
+                if (nullstelle == "MA==") {
+                    return true;
+                } else {
+                    return false;
+                }
             }
-        }
 
-        document.getElementById("math-form").addEventListener("submit", function (event) {
-            event.preventDefault();
-            let nullstelle = document.getElementById("nullstelle").value;
-            if (checkInput(nullstelle)) {
-                document.getElementById("wrong-solution").classList.add("hidden");
-                document.getElementById("wrong-solution").classList.remove("visible");
-                window.location.href = "/access/false/safebox.html";
-            }
-            else {
-                document.getElementById("nullstelle").focus();
-                document.getElementById("wrong-solution").classList.remove("hidden");
-                document.getElementById("wrong-solution").classList.add("visible");
-            }
-        });</script>
+            document.getElementById("math-form").addEventListener("submit", function (event) {
+                event.preventDefault();
+                let nullstelle = document.getElementById("nullstelle").value;
+                if (checkInput(nullstelle)) {
+                    document.getElementById("wrong-solution").classList.add("hidden");
+                    document.getElementById("wrong-solution").classList.remove("visible");
+                    window.location.href = "/access/false/safebox.html";
+                }
+                else {
+                    document.getElementById("nullstelle").focus();
+                    document.getElementById("wrong-solution").classList.remove("hidden");
+                    document.getElementById("wrong-solution").classList.add("visible");
+                }
+            });</script>
+    </div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/public/start.html b/src/public/start.html
index 850009a..fd53176 100644
--- a/src/public/start.html
+++ b/src/public/start.html
@@ -6,6 +6,7 @@
 </head>
 
 <body>
+  <div class="container">
     <div class="userdata-div"><img class="background-image" src="./pictures/background00.png">
       <div class="typewriter" id="typewriter"><span class="type" style="--n:620">Your goal in this small hacker game is
           to enroll in university. You start as a student and all you have to do is pass your final math exam. To make
@@ -17,6 +18,7 @@
     </div><a href="/enter_school.html">
       <h3>Start your task and good luck...</h3>
     </a>
+  </div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index b175100..e0f2c15 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -27,6 +27,14 @@ body {
   padding: 0px;
   font: 26px "Lucida Grande", Helvetica, Arial, sans-serif;
   color: white;
+  display: flex;
+  justify-content: center;
+  /* Centers horizontally */
+  align-items: center;
+  /* Centers vertically */
+  height: 100vh;
+  /* Ensures full height */
+  margin: 0;
 }
 
 a {
diff --git a/src/public/userpass.html b/src/public/userpass.html
index 993c7c7..aee8fc5 100644
--- a/src/public/userpass.html
+++ b/src/public/userpass.html
@@ -5,52 +5,56 @@
     <link rel="stylesheet" href="/stylesheets/style.css">
 </head>
 
-<body><audio src="/sounds/background-electro.mp3" autoplay="" loop=""></audio>
-    <form id="login-form">
-        <div class="login-div"><img src="./pictures/background02.png"><img id="login-hint"
-                src="./pictures/background03-cropped.png" style="visibility: hidden;">
-            <div id="login-hint-map"></div><input class="login-mask" type="text" name="user" id="user"
-                placeholder="Enter Username here..."><input class="login-mask" type="password" name="password"
-                id="password" placeholder="Enter Password here..."><button id="login-button" type="submit">Ok!</button>
-            <div class="visible" id="credentials-error">Wrong credentials!</div>
-        </div>
-        <h3>Enter your credentials...</h3>
-    </form>
-    <script>checkCredentials = function (username, password) {
-            username = btoa(username);
-            password = btoa(password);
-            if (username == "TGVocmVy" && password == "dGVzdA==") {
-                return true;
-            } else {
-                return false;
+<body>
+    <div class="container">
+        <audio src="/sounds/background-electro.mp3" autoplay="" loop=""></audio>
+        <form id="login-form">
+            <div class="login-div"><img src="./pictures/background02.png"><img id="login-hint"
+                    src="./pictures/background03-cropped.png" style="visibility: hidden;">
+                <div id="login-hint-map"></div><input class="login-mask" type="text" name="user" id="user"
+                    placeholder="Enter Username here..."><input class="login-mask" type="password" name="password"
+                    id="password" placeholder="Enter Password here..."><button id="login-button"
+                    type="submit">Ok!</button>
+                <div class="visible" id="credentials-error">Wrong credentials!</div>
+            </div>
+            <h3>Enter your credentials...</h3>
+        </form>
+        <script>checkCredentials = function (username, password) {
+                username = btoa(username);
+                password = btoa(password);
+                if (username == "TGVocmVy" && password == "dGVzdA==") {
+                    return true;
+                } else {
+                    return false;
+                }
             }
-        }
 
-        document.getElementById("login-form").addEventListener("submit", function (event) {
-            event.preventDefault();
-            let username = document.getElementById("user").value;
-            let password = document.getElementById("password").value;
-            if (checkCredentials(username, password)) {
-                document.getElementById("password").value = ""
-                document.getElementById("credentials-error").classList.add("hidden");
-                document.getElementById("credentials-error").classList.remove("visible");
-                window.location.href = "/math_abi.html";
-            }
-            else {
-                document.getElementById("password").value = ""
-                document.getElementById("password").focus();
-                document.getElementById("credentials-error").classList.remove("hidden");
-                document.getElementById("credentials-error").classList.add("visible");
-            }
-        });
+            document.getElementById("login-form").addEventListener("submit", function (event) {
+                event.preventDefault();
+                let username = document.getElementById("user").value;
+                let password = document.getElementById("password").value;
+                if (checkCredentials(username, password)) {
+                    document.getElementById("password").value = ""
+                    document.getElementById("credentials-error").classList.add("hidden");
+                    document.getElementById("credentials-error").classList.remove("visible");
+                    window.location.href = "/math_abi.html";
+                }
+                else {
+                    document.getElementById("password").value = ""
+                    document.getElementById("password").focus();
+                    document.getElementById("credentials-error").classList.remove("hidden");
+                    document.getElementById("credentials-error").classList.add("visible");
+                }
+            });
 
-        document.getElementById("login-hint-map").addEventListener("mouseenter", function (event) {
-            document.getElementById("login-hint").style.visibility = "visible";
-        });
+            document.getElementById("login-hint-map").addEventListener("mouseenter", function (event) {
+                document.getElementById("login-hint").style.visibility = "visible";
+            });
 
-        document.getElementById("login-hint-map").addEventListener("mouseout", function (event) {
-            document.getElementById("login-hint").style.visibility = "hidden";
-        });</script>
+            document.getElementById("login-hint-map").addEventListener("mouseout", function (event) {
+                document.getElementById("login-hint").style.visibility = "hidden";
+            });</script>
+    </div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/views/index.ejs b/src/views/index.ejs
index 35abfc3..bdba268 100644
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@@ -7,8 +7,10 @@
 </head>
 
 <body>
-    <h1>Hi...</h1>
-    <a href="/start.html">Go to Start!!</a>
+    <div class="container">
+        <h1>Hi...</h1>
+        <a href="/start.html">Go to Start!!</a>
+    </div>
 </body>
 
 </html>
\ No newline at end of file
