Change some colors, shadows and make sure buttons look inactive when they are

src/App.css

@@ -10,6 +10,7 @@
     grid-column-end: 1;
     grid-row-start: 3;
     grid-row-end: 5;
+    box-shadow: 0.5px 0px 1px #55a;
 }
 
 .artworkArea {

src/navbar.css

@@ -3,7 +3,7 @@
     background-color: #fff;
     overflow: hidden;
     width: 100%;
-    box-shadow:0px 2px 2px #efefef;
+    box-shadow: 0px 2px 2px #efefef;
 }
 
 /* Style the links inside the navigation bar */

src/style/SessionElement.css

 .sessionWrapper {
-    background-color: #e9e9e9;
+    background-color: #ffffff;
     padding: 8px;
     color:#333;
     box-shadow:0px -2px 2px #efefef;

src/style/SessionNavigation.css

@@ -2,11 +2,19 @@
 .sessionNavButtons > .navBtn {
     display: inline-block;
     background-color: #FFA646;
-    border: 1px solid #ddd;
+    border: 1px solid #333;
     border-radius: 4px;
     margin: 6px;
     padding:  0px 8px 6px 8px;
     font-size: 1.875em;
+    cursor: pointer;
+    -webkit-touch-callout: none; /* iOS Safari */
+    -webkit-user-select: none; /* Safari */
+    -khtml-user-select: none; /* Konqueror HTML */
+    -moz-user-select: none; /* Old versions of Firefox */
+    -ms-user-select: none; /* Internet Explorer/Edge */
+    user-select: none; /* Non-prefixed version, currently
+                                 supported by Chrome, Opera and Firefox */
 }
 
 .sessionNavButtons > .navBtn:active {
@@ -15,11 +23,11 @@
 
 .sessionNavButtons > .navBtn.inactive  {
     border: 1px solid #aaa;
-    background-color: #FFA646;
+    background-color: #e0e0e0;
     color: #333;
 }
 @media screen and (min-width: 960px) {
     .sessionNavButtons > .navBtn:hover {
-        background-color: #fff;
+        background-color: #Fec894;
     }
 }