diff --git a/src/index.html b/src/index.html
index 678afae..c2f5d98 100644
--- a/src/index.html
+++ b/src/index.html
@@ -10,19 +10,20 @@
              bind__song="challengeId: challenge.id; isPlaying: !menu.active && !challenge.isLoading"
              bind__song-preview-system="selectedChallengeId: menuSelectedChallenge.id"
              console-shortcuts
+             proxy-event="event: menuchallengeselect; to: #searchResultsContainer, #menuDifficulties"
              search>
       <a-assets timeout="10000">
         <audio id="hoverSound" src="/assets/sounds/hover.ogg"></audio>
         <img id="gridImg" src="assets/img/grid.png">
         <img id="playImg" src="assets/img/play.png">
         <img id="sliceImg" src="assets/img/slice.png">
-        <a-mixin id="font" text="font: exo2semibold; letterSpacing: -1"></a-mixin>
         <a-mixin id="raycaster" raycaster="objects: [raycastable]; far: 2"></a-mixin>
-        <a-mixin id="slice" slice9="color: #050505; src: #sliceImg; left: 50; right: 52; top: 50; bottom: 52; padding: 0.04"></a-mixin>
-        <a-mixin id="textFont" text="font: exo2semibold; letterSpacing: -1"></a-mixin>
+        <a-mixin id="slice" slice9="color: #050505; transparent: true; opacity: 0.7; src: #sliceImg; left: 50; right: 52; top: 50; bottom: 52; padding: 0.18"></a-mixin>
+        <a-mixin id="font" text="font: assets/fonts/Teko-Bold.json; shader: msdf; letterSpacing: 1"></a-mixin>
+        <a-mixin id="textFont" text="font: assets/fonts/Teko-Bold.json; shader: msdf; letterSpacing: 1"></a-mixin>
       </a-assets>
 
-      <a-entity id="container" recenter>
+      <a-entity id="container" bind__recenter="enabled: menu.active" recenter="target: #menu">
         {% include './templates/environment.html' %}
         {% include './templates/gameUi.html' %}
         {% include './templates/menu.html' %}
@@ -30,8 +31,16 @@
 
       <a-entity id="cameraRig">
         <a-entity id="camera" camera look-controls="enabled: false" orbit-controls="target: 0 1.6 -0.5; maxDistance: 20; initialPosition: 0 1.6 0"></a-entity>
-        <a-entity id="leftHand" controller="hand: left"></a-entity>
-        <a-entity id="rightHand" controller="hand: right"></a-entity>
+        <a-entity id="leftHand"
+          controller="hand: left"
+          proxy-event__pause="event: menudown; to: a-scene; as: pause"
+          proxy-event__pauserifta="event: abuttondown; to: a-scene; as: pause"
+          proxy-event__pauseriftb="event: bbuttondown; to: a-scene; as: pause"></a-entity>
+        <a-entity id="rightHand"
+          controller="hand: right"
+          proxy-event__pause="event: menudown; to: a-scene; as: pause"
+          proxy-event__pauseriftx="event: xbuttondown; to: a-scene; as: pause"
+          proxy-event__pauserifty="event: ybuttondown; to: a-scene; as: pause"></a-entity>
       </a-entity>
 
       <a-entity id="mouseCursor" mixin="raycaster" cursor="rayOrigin: mouse" debug-cursor