diff --git a/_includes/navmenu.html b/_includes/navmenu.html
index b1ef495..6e2d718 100644
--- a/_includes/navmenu.html
+++ b/_includes/navmenu.html
@@ -1,2 +1,6 @@
-<div><a href="{{ site.baseurl }}/"><img src="{{ site.baseurl }}/assets/img/sakrecoerLOGO.png" width="125px" height="125px" title="SAKRECOER" /></a>
+<div id="navigation">
+  <a href="{{ site.baseurl }}/music">
+    <img src="{{ site.baseurl }}/assets/img/sakrecoerLOGO.png" width="125px" height="125px" title="SAKRECOER" />
+  </a>
+
 </div>
\ No newline at end of file
diff --git a/_layouts/music.html b/_layouts/music.html
index 1997a91..ffcbec8 100644
--- a/_layouts/music.html
+++ b/_layouts/music.html
@@ -6,8 +6,10 @@ layout: default
     <div id="controls">
       <div class="container">
         <button id="mu_pause">Play</button>
-
-        <h1>{% if page.previous != nil %}
+        <p id="tracktime">&nbsp;</p>
+      </div>
+      <div class="trackcontainer">
+          {% if page.previous != nil %}
           <a href="{{ site.baseurl }}{{ page.previous.url }}" title="Previous Track"><img
               src="{{ site.baseurl }}/assets/img/icons/skiprwd.png" title="Previous Track" /></a>
           {% endif %}
@@ -16,14 +18,11 @@ layout: default
           {% if page.next != nil %}
           <a href="{{ site.baseurl }}{{ page.next.url }}" title="Next Track"><img
               src="{{ site.baseurl }}/assets/img/icons/skipfwd.png" title="Next Track" /></a>{% endif %}
-        </h1>
-
-
-      </div>
-      <div class="trackcontainer">
         <h1 class="title">{{ page.title }}</h1>
-        <p id="tracktime"></p>
+
+          
       </div>
+
     </div>
 
   </div>
@@ -32,6 +31,8 @@ layout: default
   <div id="timer">
 
     {{ page.content }}
+    <img src="{{ site.audio_url }}{{ page.image }}" style="width:100%;" />
+
   </div>
   <!-- stylemachine by Sakrecoer -snipthis if ya feel it - its the pary that runs the player ;) -->
 </div>
@@ -81,4 +82,4 @@ layout: default
   background-attachment: fixed;
   background-color: #0ff;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/_sass/main.scss b/_sass/main.scss
index f7869bb..5f2b64f 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -49,6 +49,7 @@ a {
   width: 100%;
   margin: 0;
   padding: 0;
+  height: 100vh;
 }
 
 #controls {
@@ -56,25 +57,15 @@ a {
   flex: 0 0 200px;
   flex-wrap: wrap;
   border: #000 solid 1px;
-  box-shadow: 5px 10px rgba(255, 0, 0, 0.493);
+  box-shadow: 5px 10px rgba(61, 0, 102, 0.5);
   border-radius: 3px;
   padding: 15px;
   margin: 0 auto;
-  min-height: 200px;
+
   background-color: rgba(61, 0, 102, 0.884);
-  button {
-    background-color: #f00;
-    width: 100px;
-    height: 100px;
-    border-radius: 100px;
-    transition: background-color 0.5s ease-in-out;
- }
-  button:hover {
-    background-color: rgb(253, 83, 83);
- }
+
  .container {
-  border: #000 solid 1px;
-  box-shadow: 5px 10px rgb(0, 0, 0);
+
   border-radius: 3px;
   margin: 0 auto 0 0;
   width: 10em;
@@ -83,9 +74,19 @@ a {
   padding: 10px;
   }
 }
+button {
+  background-color: #f00;
+  width: 100px;
+  height: 100px;
+  border-radius: 100px;
+  transition: background-color 0.5s ease-in-out;
+}
+button:hover {
+  background-color: rgb(253, 83, 83);
+}
 #info {
   flex: 1 1 500px;
-min-height: 50vh;
+min-height: 80vh;
   padding: 15px;
   background-color: rgba(61, 0, 102, 0.884);
   background-size: cover;
@@ -94,7 +95,7 @@ min-height: 50vh;
 }
 #timer {
   flex: 1 1 200px;
-
+  background-color: rgba(60, 0, 100, 0.856);
   padding: 15px;
   background-size: cover;
   background-position: center;
@@ -103,10 +104,18 @@ min-height: 50vh;
     padding: 10px;
     border-radius: 3px;
     color: #fff;
-    box-shadow: 5px 10px rgba(255, 0, 0, 0.493);
+    box-shadow: 5px 10px rgba(61, 0, 102, 0.5);
     border: #000 solid 1px;
   }
+  img {
+    box-shadow: 5px 10px rgba(61, 0, 102, 0.5);
+  }
 }
 #tracktime {
   margin-bottom: auto;
+}
+#navigation {
+  position: fixed;
+  bottom: 10px;
+  right: 10px;
 }
\ No newline at end of file