diff --git a/faceitstalker_docker/app/main.py b/faceitstalker_docker/app/main.py
index 6faf68a..2b50801 100644
--- a/faceitstalker_docker/app/main.py
+++ b/faceitstalker_docker/app/main.py
@@ -26,7 +26,7 @@ def index():
 
         data_dict = {}
         #steamid64_dict = Parallel(n_jobs=num_cores, verbose=50)(delayed(steamid_to_64bit)(steamid)for steamid in steamids)
-        data_dict_list = Parallel(n_jobs=num_cores, verbose=50)(delayed(get_evererything)(steamid)for steamid in steamids)
+        data_dict_list = Parallel(n_jobs=num_cores, verbose=75)(delayed(get_evererything)(steamid)for steamid in steamids)
 
         for dict in data_dict_list:
             for k, v in dict.items():
@@ -94,8 +94,8 @@ def get_evererything(steamid):
 
 
 if __name__ == "__main__":
-    #app.run(host="127.0.0.1", port=8080, debug=True)
-    serve(app, host='0.0.0.0', port=8080)
+    app.run(host="127.0.0.1", port=8080, debug=True)
+    #serve(app, host='0.0.0.0', port=8080)
 
 
 
diff --git a/faceitstalker_docker/app/static/RGB_Pheasant.svg b/faceitstalker_docker/app/static/RGB_Pheasant.svg
new file mode 100644
index 0000000..636a1f1
--- /dev/null
+++ b/faceitstalker_docker/app/static/RGB_Pheasant.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(0.937827,0,0,1.02538,0.0309693,4.24726)">
+        <path d="M85.188,1.35C85.188,0.673 84.44,0.459 84.084,0.993C73.714,16.922 67.87,26.008 62.597,34.275L0.772,34.275C-0.011,34.275 -0.296,35.273 0.38,35.522C26.036,45.215 63.095,59.789 83.799,67.949C84.333,68.162 85.188,67.664 85.188,67.308L85.188,1.35Z" style="fill:url(#_Linear1);"/>
+    </g>
+    <defs>
+        <linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.0219e-09,-67.308,-67.308,-3.0219e-09,42.5944,0.692)"><stop offset="0" style="stop-color:rgb(255,94,0);stop-opacity:1"/><stop offset="0.4" style="stop-color:rgb(255,106,11);stop-opacity:1"/><stop offset="0.5" style="stop-color:rgb(251,86,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(255,105,0);stop-opacity:1"/></linearGradient>
+    </defs>
+</svg>
diff --git a/faceitstalker_docker/app/static/faceit_logo.svg b/faceitstalker_docker/app/static/faceit_logo.svg
new file mode 100644
index 0000000..768b40e
--- /dev/null
+++ b/faceitstalker_docker/app/static/faceit_logo.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 86 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g>
+        <path d="M85.188,1.35C85.188,0.673 84.44,0.459 84.084,0.993C73.714,16.922 67.87,26.008 62.597,34.275L0.772,34.275C-0.011,34.275 -0.296,35.273 0.38,35.522C26.036,45.215 63.095,59.789 83.799,67.949C84.333,68.162 85.188,67.664 85.188,67.308L85.188,1.35Z" style="fill:url(#_Linear1);"/>
+    </g>
+    <defs>
+        <linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(3.0219e-09,-67.308,-67.308,-3.0219e-09,42.5944,0.692)"><stop offset="0" style="stop-color:rgb(255,94,0);stop-opacity:1"/><stop offset="0.4" style="stop-color:rgb(255,106,11);stop-opacity:1"/><stop offset="0.5" style="stop-color:rgb(251,86,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(255,105,0);stop-opacity:1"/></linearGradient>
+    </defs>
+</svg>
diff --git a/faceitstalker_docker/app/static/steam_logo.png b/faceitstalker_docker/app/static/steam_logo.png
new file mode 100644
index 0000000..de3b8e7
Binary files /dev/null and b/faceitstalker_docker/app/static/steam_logo.png differ
diff --git a/faceitstalker_docker/app/templates/base.html b/faceitstalker_docker/app/templates/base.html
index b971434..2367ae8 100644
--- a/faceitstalker_docker/app/templates/base.html
+++ b/faceitstalker_docker/app/templates/base.html
@@ -15,17 +15,15 @@
         .content {
             width: 80%;
             margin: 0 auto;
+            margin-top: 2.5%;
         }
         .input-form-container {
             width: 75%;
             margin: 0 auto;
         }
 
-        .card{
-            background-color: #424242;
-            color: #ffffff;
-            margin-bottom: 10px;
-            margin-right: 10px;
+        .Steam-PB{
+            border-radius: 25px ;
         }
 
         .card-body{
@@ -47,17 +45,17 @@
             background-color: #424242;
             color: #ffffff;
         }
-
-        .profile-links {
-            width: 80%;
-            margin: 0 auto;
-        }
-
         .status_screen_input {
             background-color: #424242;
             color: #ffffff;
             border-radius: 20px
         }
+        
+        .profile-links{
+            margin: 0 auto;
+            margin-top: 2%;
+            margin-bottom: 2%;
+        }
 
         .input-form-container textarea.status_screen_input {
             resize: none;
@@ -65,14 +63,28 @@
     </style>
     </head>
     <body>
-        <nav class="navbar navbar-light bg-light">
+        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
             <div class="container-fluid">
-                <a class="navbar-brand" href="#">
-                    <img src="/static/Facitstalker-logo.svg " width="50" height="50">
-                    FaceIT Stalker by HerZ
-                </a>
+              <a class="navbar-brand" href="#"><a class="navbar-brand" href="/"><img src="/static/Facitstalker-logo.svg " width="50" height="50">FaceIT Stalker</a></a>
+              <button
+                class="navbar-toggler"
+                type="button"
+                data-mdb-toggle="collapse"
+                data-mdb-target="#navbarNavAltMarkup"
+                aria-controls="navbarNavAltMarkup"
+                aria-expanded="false"
+                aria-label="Toggle navigation"
+              >
+                <i class="fas fa-bars"></i>
+              </button>
+              <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
+                <div class="navbar-nav">
+                  <a class="nav-link" href="/">Home</a>
+                  <a class="nav-link" href="/donate">Donate</a>
+                </div>
+              </div>
             </div>
-        </nav>
+          </nav>
         <div class="content">
             {% block content %}
             {% endblock %}
diff --git a/faceitstalker_docker/app/templates/index.html b/faceitstalker_docker/app/templates/index.html
index 9b51076..e5045e5 100644
--- a/faceitstalker_docker/app/templates/index.html
+++ b/faceitstalker_docker/app/templates/index.html
@@ -9,5 +9,4 @@
         <button type="submit" class="btn btn-primary">Submit</button>
     </form>
 </div>
-  
 {% endblock %}
\ No newline at end of file
diff --git a/faceitstalker_docker/app/templates/steamids.html b/faceitstalker_docker/app/templates/steamids.html
index 0df7e69..0ee2908 100644
--- a/faceitstalker_docker/app/templates/steamids.html
+++ b/faceitstalker_docker/app/templates/steamids.html
@@ -3,32 +3,32 @@
 {% block content %}
 <div class="input-group">
 {%for steamid in data_dict%}
-<div class="card" >
+<div class="card" style="background-color: #424242; color: #ffffff; margin-bottom: 10px; margin-right: 10px; border-radius: 25px;">
   <img class="Steam-PB" src="{{data_dict[steamid]['steam_pic']}}" alt="Card image cap">
   <div class="card-body">
     <h3 class="Steam-Name">{{data_dict[steamid]['steam_name']}}</h3>
-    <p class="FaceIT-IMG">
+    <p class="Faceit-IMG" style="margin: 0 auto;">
       {% if data_dict[steamid]['faceit_acc'] == 'true' %}
         {% if data_dict[steamid]['faceit_level'] == 1 %}
-          <img src="/static/faceit1.svg" alt="FaceIT Level 1" width="100" height="100">
+          <img src="/static/faceit1.svg" alt="FaceIT Level 1" width="50" height="50">
         {% elif data_dict[steamid]['faceit_level'] == 2 %}
-        <img src="/static/faceit2.svg" alt="FaceIT Level 2" width="100" height="100">
+        <img src="/static/faceit2.svg" alt="FaceIT Level 2" width="50" height="50">
         {% elif data_dict[steamid]['faceit_level'] == 3 %}
-        <img src="/static/faceit3.svg" alt="FaceIT Level 3" width="100" height="100">
+        <img src="/static/faceit3.svg" alt="FaceIT Level 3" width="50" height="50">
         {% elif data_dict[steamid]['faceit_level'] == 4 %}
-        <img src="/static/faceit4.svg" alt="FaceIT Level 4" width="100" height="100">
+        <img src="/static/faceit4.svg" alt="FaceIT Level 4" width="50" height="50">
         {% elif data_dict[steamid]['faceit_level'] == 5 %}
-        <img src="/static/faceit5.svg" alt="FaceIT Level 5" width="100" height="100">
+        <img src="/static/faceit5.svg" alt="FaceIT Level 5" width="50" height="50">
         {% elif data_dict[steamid]['faceit_level'] == 6 %}
-        <img src="/static/faceit6.svg" alt="FaceIT Level 6" width="100" height="100">
+        <img src="/static/faceit6.svg" alt="FaceIT Level 6" width="50" height="50">
         {% elif data_dict[steamid]['faceit_level'] == 7 %}
-        <img src="/static/faceit7.svg" alt="FaceIT Level 7" width="100" height="100">
+        <img src="/static/faceit7.svg" alt="FaceIT Level 7" width="50" height="50">
         {% elif data_dict[steamid]['faceit_level'] == 8 %}
-        <img src="/static/faceit8.svg" alt="FaceIT Level 8" width="100" height="100">
+        <img src="/static/faceit8.svg" alt="FaceIT Level 8" width="50" height="50">
         {% elif data_dict[steamid]['faceit_level'] == 9 %}
-        <img src="/static/faceit9.svg" alt="FaceIT Level 9" width="100" height="100">
+        <img src="/static/faceit9.svg" alt="FaceIT Level 9" width="50" height="50">
         {% elif data_dict[steamid]['faceit_level'] == 10 %}
-        <img src="/static/faceit10.svg" alt="FaceIT Level 10" width="100" height="100">
+        <img src="/static/faceit10.svg" alt="FaceIT Level 10" width="50" height="50">
         {% endif %}
       {% else %}
       <p>No FaceIT Account Found.</p>
@@ -37,16 +37,19 @@
   </div>
   {% if data_dict[steamid]['faceit_acc'] == 'true' %}
   <div class="Faceit-elo-and-steamid64">
-    <p class="FaceIT-elo">FaceIT ELO: {{data_dict[steamid]['faceit_elo']}}</p>
-    <p class="SteamID64">SteamID: {{data_dict[steamid]['steamid64']}}</p>
+    <h7>FaceIT ELO:</h7>
+    <p class="FaceIT-elo" style="margin: 0 auto;">{{data_dict[steamid]['faceit_elo']}}</p>
+    <h7>SteamID: </h7>
+    <p class="SteamID64" style="margin: 0 auto;">{{data_dict[steamid]['steamid64']}}</p>
   </div>
   {% endif %}
   <div class="profile-links">
-    <a href="https://steamcommunity.com/profiles/{{data_dict[steamid]['steamid64']}}" class="card-link">Steam Profile</a>
+    <a href="https://steamcommunity.com/profiles/{{data_dict[steamid]['steamid64']}}"><img src="/static/steam_logo.png " width="50" height="50"></a>
     {% if data_dict[steamid]['faceit_acc'] == 'true' %}
-    <a href="https://www.faceit.com/en/players/{{data_dict[steamid]['faceit_name']}}" class="card-link">FaceIT Link</a>
+    <a href="https://www.faceit.com/en/players/{{data_dict[steamid]['faceit_name']}}"><img src="/static/faceit_logo.svg " width="50" height="50"></a>
     {% endif %}
   </div>
 </div>
+<div></div>
 {%endfor%}
 {% endblock %}
\ No newline at end of file