diff --git a/styles/style.css b/styles/style.css
index c991681..5bac6f6 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -424,6 +424,42 @@ main {
   flex-direction: column;
 }
 
+.container1 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  margin: 0 auto;
+  height: 500px;
+}
+.container2 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  margin: 0 auto;
+  height: 750px;
+}
+.container3 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  margin: 0 auto;
+  height: 350px;
+  background-color: #2e1e26;
+  padding: 20px;
+}
+.container4 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  margin: 0 auto;
+  height: 150px;
+  background-color: #2e1e26;
+  padding: 20px;
+}
 .footer-copyright {
   flex: none;
   width: 100%;
@@ -431,13 +467,42 @@ main {
   justify-content: center;
 }
 .register {
-  height: 1000px;
+  height: 1200px;
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  background-color: #3f2a34;
 }
 
+.form {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-color: #2e1e26;
+  margin: auto;
+  padding: 20px;
+}
+
+.nes-field {
+  max-width: 400px;
+}
 .login {
-  height: 1000px;
+  height: 1200px;
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  background-color: #3f2a34;
+}
+.profile {
+  height: 1200px;
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  background-color: #3f2a34;
 }
 .container .login {
+  display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
diff --git a/views/login.view.php b/views/login.view.php
index aaeb0ed..74e7d27 100644
--- a/views/login.view.php
+++ b/views/login.view.php
@@ -1,9 +1,9 @@
 <?php require('partials/head.php') ?>
 <?php require('partials/nav.php') ?>
 
-<div class="container login">
-  <div class="nes-container">
-    <form action="/login" method="POST" class="container">
+<div class="login">
+  <div class="container1">
+    <form action="/login" method="POST" class="container form">
       <div>
         <h2>Melde dich mit deinem Konto an.</h2>
         <p>
diff --git a/views/profile.view.php b/views/profile.view.php
index 14f7e25..43b402e 100644
--- a/views/profile.view.php
+++ b/views/profile.view.php
@@ -1,9 +1,9 @@
 <?php require('partials/head.php') ?>
 <?php require('partials/nav.php') ?>
 
-<div class="container profile">
-  <div>
-    <div class="nes-container">
+<div class="profile">
+  <div style="padding: 20px;">
+    <div class="container3">
       <section class="message-list">
         <section class="message -left">
           <i class="nes-bcrikko"></i>
@@ -12,7 +12,7 @@
           </div>
         </section>
       </section>
-      <div class="nes-container">
+      <div class="container3">
         <div class="text-center">
           <h3>Was möchtest du tun?</h3>
         </div>
@@ -22,7 +22,7 @@
         </div>
       </div>
     </div>
-    <div class="nes-container with-title">
+    <div class="container3">
       <span class="title">Dein Fortschritt</span>
       <span>Du bist aktuell Level: <?php echo $stats['level'] ?> </span>
       <br>
@@ -39,7 +39,7 @@
         </div>
       </div>
     </div>
-    <div class="nes-container">
+    <div class="container4">
       <div>
         <a href="/delete" class="nes-btn is-error">Account löschen</a>
       </div>
diff --git a/views/register.view.php b/views/register.view.php
index c4b1221..5976888 100644
--- a/views/register.view.php
+++ b/views/register.view.php
@@ -1,8 +1,8 @@
 <?php require('partials/head.php') ?>
 <?php require('partials/nav.php') ?>
-<div class="container register">
-  <div class="nes-container">
-<form action="/register" method="POST">
+<div class="register">
+  <div class="container2">
+<form action="/register" method="POST" class="form">
 
   <div class="nes-field">
     <label for="username">Username</label>