diff --git a/index.html b/index.html
index 214b0bf..6842690 100644
--- a/index.html
+++ b/index.html
@@ -9,16 +9,10 @@
 	</head>
 	<body>
 		<div class="row">
-			<div class="col s2">
-				<p class="stats" id="score">Score: </p>
-				<p class="stats" id="lives">Lives: </p>
-				<p class="stats" id="speed">Speed: </p>
-			</div>
-			<div class="col s8">
+			
+			<div class="col s12">
 				<h1 class="linear-wipe">KyFlo Snake</h1>
 			</div>
-			<div class="col s2">
-			</div>
 		</div>
 		<div class="row" id="menu">
 			<div class="col s6 offset-s3">
@@ -31,6 +25,11 @@
 		</div>
 		<div id="game" class="invisible">
 			<canvas id="canvas"></canvas>
+			<div class="col s6 offset-s3 row statsgame">
+				<p class="stats col s4" id="score">Score: </p>
+				<p class="stats col s4" id="lives">Lives: </p>
+				<p class="stats col s4" id="speed">Speed: </p>
+			</div>
 		</div>
 
 		<div id="gameovermodal" class="modal">
diff --git a/sources/css/style.css b/sources/css/style.css
index caf35ec..281ad1b 100644
--- a/sources/css/style.css
+++ b/sources/css/style.css
@@ -21,7 +21,7 @@ body{
     backdrop-filter: blur(5px);
 }
 
-h1, .stats {
+h1{
     font-family: 'Press Start 2P', cursive;
     text-align: center;
     color: yellow;
@@ -30,9 +30,20 @@ h1, .stats {
 }
 
 .stats {
-    padding-top: 2vh;
+    font-family: 'Press Start 2P', cursive;
+    text-align: center;
+    color:#fff242;
+    padding: 0;
+    margin: 0;
+    font-size: 20px;
 }
 
+.stats:last-child{
+  font-size: 15px;
+  padding-top: 5px;
+}
+
+
 #menu{
     margin: 0;
     margin-top: 150px;
@@ -40,6 +51,11 @@ h1, .stats {
 }
 
 
+#menu>div{
+  animation:slit-in-vertical .45s ease-out both
+}
+
+@keyframes slit-in-vertical{0%{transform:translateZ(-800px) rotateY(90deg);opacity:0}54%{transform:translateZ(-160px) rotateY(87deg);opacity:1}100%{transform:translateZ(0) rotateY(0)}}
 
 #menu>div, #gameovermodal{
     background-color: rgba(0, 0, 0, 0.5);
