diff --git a/web/negromateweb/templates/base.html b/web/negromateweb/templates/base.html
index 090531d..e975192 100644
--- a/web/negromateweb/templates/base.html
+++ b/web/negromateweb/templates/base.html
@@ -55,5 +55,16 @@
                 Licencia Creative Commons Atribución-CompartirIgual 4.0 Internacional
             </a> salvo que se indique lo contrario en la propia canción.
     </footer>
+    <script>
+        var body = document.getElementsByTagName('body')[0];
+        body.addEventListener('keypress', function(event) {
+            switch(event.key) {
+                case "p":
+                    window.location = '{{ root_path }}/playlist/';
+                    break;
+            }
+            console.log(event.key);
+        });
+    </script>
 </body>
 </html>
diff --git a/web/negromateweb/templates/index.html b/web/negromateweb/templates/index.html
index 983a316..c5d6041 100644
--- a/web/negromateweb/templates/index.html
+++ b/web/negromateweb/templates/index.html
@@ -5,37 +5,50 @@
         <meta name="viewport" content="width=device-width" />
         <title>Negro Mate</title>
         <link rel="shortcut icon" href="{{ root_path }}/static/css/nm_icon.png" type="image/png">
-<style>
-body {
-    background-color: #232323;
-}
-h1 {
-    text-align: center;
-    font-size: 50pt;
-    border: 5px solid black;
-    background: white;
-    margin: 1em auto 0;
-    min-width: 300px;
-    width: 30%;
-}
-a {
-    font-size: 200pt;
-    font-weight: bold;
-    background-color: white;
-    color: black;
-    display: block;
-    line-height: 210pt;
-    margin: 10pt auto 0;
-    width: 210pt;
-    height: 210pt;
-    text-align: center;
-    border-radius: 105pt;
-    text-decoration: none;
-}
-</style>
+    <style>
+        body {
+            background-color: #232323;
+        }
+        h1 {
+            font-family: "CyrBit";
+            text-align: center;
+            font-size: 50pt;
+            border: 5px solid black;
+            background: white;
+            margin: 1em auto 0;
+            min-width: 300px;
+            width: 30%;
+        }
+        a {
+            font-size: 200pt;
+            font-weight: bold;
+            background-color: white;
+            color: black;
+            display: block;
+            line-height: 210pt;
+            margin: 10pt auto 0;
+            width: 210pt;
+            height: 210pt;
+            text-align: center;
+            border-radius: 105pt;
+            text-decoration: none;
+            font-style: italic;
+        }
+        </style>
     </head>
     <body>
         <h1>Negro mate</h1>
         <a href="{{ root_path }}/home/">#</a>
     </body>
+    <script>
+        var body = document.getElementsByTagName('body')[0];
+        body.addEventListener('keypress', function(event) {
+            switch(event.key) {
+                case "p":
+                    window.location = '{{ root_path }}/playlist/';
+                    break;
+            }
+            console.log(event.key);
+        });
+    </script>
 </html>
