diff --git a/app/scripts/ui/front.js b/app/scripts/ui/front.js
index 2771275..e11a14b 100644
--- a/app/scripts/ui/front.js
+++ b/app/scripts/ui/front.js
@@ -21,11 +21,11 @@ define([
 
 		this.comeBack = function ( event, data ) {
 			fly.on( document, "uiUserWantsToStart", this.fadeAway );
-			$( ".front" ).addClass( "next" ).fadeIn( 2000 );
+			$( ".front" ).addClass( "next" ).removeClass( "hide" );
 		}
 
 		this.fadeAway = function ( event, data ) {
-			$( ".front" ).fadeOut( 2000 );
+			$( ".front" ).addClass( "hide" );
 		}
 	}
 })
diff --git a/app/styles/main.css b/app/styles/main.css
index c993c1f..7e1bf00 100644
--- a/app/styles/main.css
+++ b/app/styles/main.css
@@ -109,6 +109,11 @@ object {
 .front {
 	position: relative;
 	text-align: center;
+	transition: opacity 2s;
+}
+
+.front.hide {
+	opacity: 0!important;
 }
 
 .front h1 {
@@ -130,10 +135,10 @@ object {
 }
 
 .front .cta {
-	margin-top: 10%;
+	margin-top: 5%;
 	border-radius: 100%;
 	border: 5px solid #ccc;
-	border-color: rgba( 180, 180, 180, 0.5 )
+	border-color: rgba( 180, 180, 180, 0.7 );
 	box-shadow: none;
 	background-color: #b10;
 	background: radial-gradient( circle, #e13, #b10 );
@@ -147,7 +152,7 @@ object {
 	font-size: 3em;
 	line-height: 1em;
 	margin-bottom: 5%;
-	transition: all .1s;
+	transition: all .2s;
 }
 
 .front .cta:hover,
@@ -166,7 +171,7 @@ object {
 	border-color: #222;
 	background: #400;
 	color: #ccc;
-	font-size: 3.15em;
+	font-size: 3.25em;
 }
 
 .front .next,
@@ -181,7 +186,7 @@ object {
 }
 
 .next p {
-		text-shadow: 1px 1px 1px black;
+	text-shadow: 1px 1px 1px black;
 }
 
 .next .cta {