diff --git a/gfx/grave.jpg b/gfx/grave.jpg
index b6c0583..6f293ac 100644
Binary files a/gfx/grave.jpg and b/gfx/grave.jpg differ
diff --git a/index.html b/index.html
index 52e250f..ca33b35 100644
--- a/index.html
+++ b/index.html
@@ -9,9 +9,7 @@
   <title>iDie</title>
   <link rel="stylesheet" href="css/reset.css">
   <link rel="stylesheet" href="css/reveal.css">
-  <!-- link rel="stylesheet" href="css/theme/black.css" -->
-  <!-- link rel="stylesheet" href="css/theme/beige.css" -->
-  <link rel="stylesheet" href="css/theme/moon.css">
+  <link rel="stylesheet" href="css/theme/sky.css">
   <link rel="stylesheet" href=
   "https://use.fontawesome.com/releases/v5.6.3/css/all.css"
   integrity=
@@ -19,7 +17,15 @@
   crossorigin="anonymous">
   <!-- Theme used for syntax highlighting of code -->
   <link rel="stylesheet" href="lib/css/monokai.css">
-  <!-- Printing and PDF exports -->
+  <style>
+    #custom-nav {
+        position:fixed; bottom: 0.5em; left: 0.5em;
+        z-index: 529; font-size: 200%;
+    }
+    #custom-nav a, #custom-nav a:active, #custom-nav a:visited {
+        border: 0; outline: 0;
+    }
+  </style><!-- Printing and PDF exports -->
 
   <script>
     var link = document.createElement( 'link' );
@@ -30,14 +36,11 @@
   </script>
 </head>
 <body>
-  <div style=
-  "position:fixed; bottom:0.5em; left:0.5em; z-index:529">
+  <div id="custom-nav">
     <a href="#/">
     <!-- the zero-width-space is a tweak against tidy removing empty tags -->
-     <span style="font-size:200%; color:white"><i class=
-    "fa fa-home">​</i></span></a> &nbsp; <a id="top-link" hidden=
-    ""><span style="font-size:200%; color:white"><i class=
-    "fa fa-angle-double-up">​</i></span></a>
+     <i class="fa fa-home">​</i></a> &nbsp; <a id="top-link"
+    hidden=""><i class="fa fa-angle-double-up">​</i></a>
   </div>
   <div class="reveal">
     <div class="slides">
@@ -45,8 +48,8 @@
         <h3>למות בשקט</h3>
         <p>איך לקרוא <span class="gender they">לכם?</span>
         <span class="gender he" hidden="">לך?</span> <span class=
-        "gender she" hidden="">לך?</span> <select size="1" id=
-        "gender">
+        "gender she" hidden="">לך?</span> <select size="1" style=
+        "font-size: 2rem" id="gender">
           <option value="they">
             אתם
           </option>
@@ -104,7 +107,8 @@
         <section>
           <h4>עוד קצת...</h4>
         </section>
-        <section data-background-image="gfx/grave.jpg">
+        <section data-background-image="gfx/grave.jpg"
+        data-background-opacity="0.5">
           <h4>הגענו</h4>
           <div style=
           "direction:ltr; position:fixed; bottom:0.5em; text-align:center; width:100%">
@@ -127,10 +131,11 @@
             "height: inherit;margin-right: 3px;display: inline-block;"
             src=
             "https://search.creativecommons.org/static/img/cc-by_icon.svg">
-            <img style=
+             <img style=
             "height: inherit;margin-right: 3px;display: inline-block;"
             src=
-            "https://search.creativecommons.org/static/img/cc-nc_icon.svg"></a>
+            "https://search.creativecommons.org/static/img/cc-nc_icon.svg">
+            </a>
           </div>
         </section>
       </section>
@@ -169,15 +174,14 @@
   <script src="js/reveal.js"></script> 
   <script src="lib/js/jquery-3.4.1.slim.min.js"></script> 
   <script>
-
-
     // More info about config & dependencies:
     // - https://github.com/hakimel/reveal.js#configuration
     // - https://github.com/hakimel/reveal.js#dependencies
     Reveal.initialize({
             rtl: true,
             hash: true,
-            backgroundTransition: 'convex',
+            controlsTutorial: false,
+            transition: 'convex',
             dependencies: [
                     { src: 'plugin/markdown/marked.js' },
                     { src: 'plugin/markdown/markdown.js' },
