diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index c60dbec..ce67532 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,7 +4,11 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="770ea386-39b9-422e-9e8d-15b616f9ec1c" name="Default Changelist" comment="" />
+    <list default="true" id="770ea386-39b9-422e-9e8d-15b616f9ec1c" name="Default Changelist" comment="Add logos;">
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/index.php" beforeDir="false" afterPath="$PROJECT_DIR$/index.php" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/remote.css" beforeDir="false" afterPath="$PROJECT_DIR$/remote.css" afterDir="false" />
+    </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -53,6 +57,8 @@
       <updated>1606346468032</updated>
       <workItem from="1606346469059" duration="5052000" />
       <workItem from="1606567112406" duration="3908000" />
+      <workItem from="1606578454928" duration="18000" />
+      <workItem from="1606578619906" duration="970000" />
     </task>
     <task id="LOCAL-00001" summary="Add media keys; Style keys;">
       <created>1606568426368</created>
@@ -68,7 +74,14 @@
       <option name="project" value="LOCAL" />
       <updated>1606570727130</updated>
     </task>
-    <option name="localTasksCounter" value="3" />
+    <task id="LOCAL-00003" summary="Add logos;">
+      <created>1606578468049</created>
+      <option name="number" value="00003" />
+      <option name="presentableId" value="LOCAL-00003" />
+      <option name="project" value="LOCAL" />
+      <updated>1606578468049</updated>
+    </task>
+    <option name="localTasksCounter" value="4" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -77,13 +90,14 @@
   <component name="VcsManagerConfiguration">
     <MESSAGE value="Add media keys; Style keys;" />
     <MESSAGE value="Add app keys &amp; backend;" />
-    <option name="LAST_COMMIT_MESSAGE" value="Add app keys &amp; backend;" />
+    <MESSAGE value="Add logos;" />
+    <option name="LAST_COMMIT_MESSAGE" value="Add logos;" />
   </component>
   <component name="WindowStateProjectService">
-    <state x="222" y="0" width="912" height="720" key="CommitChangelistDialog2" timestamp="1606570727075">
+    <state x="222" y="0" width="912" height="720" key="CommitChangelistDialog2" timestamp="1606579065643">
       <screen x="0" y="0" width="1366" height="720" />
     </state>
-    <state x="222" y="0" width="912" height="720" key="CommitChangelistDialog2/0.0.1366.720@0.0.1366.720" timestamp="1606570727075" />
+    <state x="222" y="0" width="912" height="720" key="CommitChangelistDialog2/0.0.1366.720@0.0.1366.720" timestamp="1606579065643" />
     <state x="317" y="133" width="722" height="459" key="EditFileWatcherDialog" timestamp="1606348204010">
       <screen x="0" y="0" width="1366" height="720" />
     </state>
@@ -96,18 +110,18 @@
       <screen x="0" y="0" width="1366" height="720" />
     </state>
     <state x="172" y="0" key="SettingsEditor/0.0.1366.720@0.0.1366.720" timestamp="1606348206869" />
-    <state x="278" y="92" width="800" height="542" key="Vcs.Push.Dialog.v2" timestamp="1606570728736">
+    <state x="278" y="92" width="800" height="542" key="Vcs.Push.Dialog.v2" timestamp="1606578469468">
       <screen x="0" y="0" width="1366" height="720" />
     </state>
-    <state x="278" y="92" width="800" height="542" key="Vcs.Push.Dialog.v2/0.0.1366.720@0.0.1366.720" timestamp="1606570728736" />
+    <state x="278" y="92" width="800" height="542" key="Vcs.Push.Dialog.v2/0.0.1366.720@0.0.1366.720" timestamp="1606578469468" />
     <state x="347" y="155" key="run.anything.popup" timestamp="1606347435018">
       <screen x="0" y="0" width="1366" height="720" />
     </state>
     <state x="347" y="155" key="run.anything.popup/0.0.1366.720@0.0.1366.720" timestamp="1606347435018" />
-    <state x="346" y="41" width="672" height="678" key="search.everywhere.popup" timestamp="1606569163305">
+    <state x="346" y="41" width="672" height="678" key="search.everywhere.popup" timestamp="1606579500422">
       <screen x="0" y="0" width="1366" height="720" />
     </state>
-    <state x="346" y="41" width="672" height="678" key="search.everywhere.popup/0.0.1366.720@0.0.1366.720" timestamp="1606569163305" />
+    <state x="346" y="41" width="672" height="678" key="search.everywhere.popup/0.0.1366.720@0.0.1366.720" timestamp="1606579500422" />
     <state x="403" y="269" width="540" height="192" key="vcs.readOnlyHandler.ReadOnlyStatusDialog" timestamp="1606346509232">
       <screen x="0" y="0" width="1366" height="720" />
     </state>
diff --git a/index.php b/index.php
index 0fdc2d6..8468c7a 100644
--- a/index.php
+++ b/index.php
@@ -9,8 +9,7 @@ $service = new ADBService(ADBService::DEFAULT_HOST);
 <html lang="de">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport"
-          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <link rel="stylesheet" href="https://bootswatch.com/4/slate/bootstrap.min.css">
     <link rel="stylesheet" href="remote.css">
@@ -53,9 +52,9 @@ $service = new ADBService(ADBService::DEFAULT_HOST);
         <a class="col-4 btn btn-secondary btn-plex" onclick="startApp('plex')"><img src="plex.png" alt="" class="plex-button fa-1c5x"></a>
         <a class="col-4 btn btn-secondary btn-twitch" onclick="startApp('twitch')"><i class="fab fa-twitch"></i></a>
 
-        <div class="alert alert-info connected-info">
-            <?= str_replace('already ', '', $service->connect()) ?>
-        </div>
+        <a class="col-12 brand">
+            LUNA
+        </a>
     </div>
 </div>
 
@@ -120,9 +119,21 @@ $service = new ADBService(ADBService::DEFAULT_HOST);
                     break;
                 // B
                 case 27:
-                case 72:
+                case 66:
                     sendKey('BACK');
                     break;
+                // Backward ,
+                case 188:
+                    sendKey('MEDIA_PREVIOUS');
+                    break;
+                // PLAY PAUSE .
+                case 190:
+                    sendKey('MEDIA_PLAY_PAUSE');
+                    break;
+                // forward -
+                case 189:
+                    sendKey('MEDIA_NEXT');
+                    break;
             }
         }
     );
diff --git a/remote.css b/remote.css
index ee92bc1..b2c1535 100644
--- a/remote.css
+++ b/remote.css
@@ -1,6 +1,18 @@
 #remote {
     margin: 3em auto;
     max-width: 300px;
+    border: 3px solid black;
+    padding: 25px;
+    border-radius: 10px;
+    background-color: #4f4f4f;
+}
+
+.btn {
+    filter: drop-shadow(2px 2px 4px grey) !important;
+}
+
+.btn:hover {
+    filter: drop-shadow(2px 2px 4px lightblue) !important;
 }
 
 .fa-1c5x {
@@ -37,4 +49,12 @@
 
 .btn {
     border-radius: 50px;
+}
+
+.brand {
+    text-align: center;
+    margin-top: 20px;
+    font-style: 2em;
+    font-family: "Ubuntu", serif;
+    color: grey;
 }
\ No newline at end of file