diff --git a/images/Egg1.png b/images/Egg1.png
new file mode 100644
index 0000000..3e87423
Binary files /dev/null and b/images/Egg1.png differ
diff --git a/images/Egg2.gif b/images/Egg2.gif
new file mode 100644
index 0000000..9234dcb
Binary files /dev/null and b/images/Egg2.gif differ
diff --git a/favicon.ico b/images/favicon.ico
similarity index 100%
rename from favicon.ico
rename to images/favicon.ico
diff --git a/pages/home.html b/pages/home.html
index a6654b5..1ffb8af 100644
--- a/pages/home.html
+++ b/pages/home.html
@@ -8,6 +8,7 @@
 		<script>
 			$(document).ready(function() {
 				const okSsuka = new Audio('OkSsuka.wav');
+				const egg = new Audio('Egg.wav');
 				$("#userName").change(function() {
 					okSsuka.play();
 					$("#playerLink").attr("href", "/play?user="+this.value+"&team=Players");
@@ -16,10 +17,25 @@
 					$("#chaserLink").attr("href", "/play?user="+this.value+"&team=Chasers");
 					$("#chaserLink").html("Chasers");
 				});
+				$("#egg").click(function() {
+					if ($(this).attr("src") == "Egg1.png") {
+						$(this).attr("src", "Egg2.gif");
+						$(this).css("width", "40");
+						
+						egg.play();
+						egg.loop = true;
+					}
+					else {
+						$(this).attr("src", "Egg1.png");
+						$(this).css("width", "14");
+						egg.pause()
+					}
+				});				
 			});
 		</script>
 	</head>
 	<body>
+		<img id="egg" src="Egg1.png">
 		<div id="interface">
 			<img src="MainLogo.png">
 			<br>
diff --git a/styles/styleMain.css b/styles/styleMain.css
index 3e35197..975011e 100644
--- a/styles/styleMain.css
+++ b/styles/styleMain.css
@@ -59,8 +59,14 @@ ul {
     left: 20px;
 }
 
-@media (max-width: 576px) {
- 
+#egg {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    width: 14px;
+}
+
+@media (max-width: 600px) {
     #userListPanel {
         top: 80px;
         width: 500px;
@@ -68,7 +74,7 @@ ul {
         font-size: 15px;
     }
     #PlayersList {
-        left: 0px;
+        left: 10px;
     }
     #ChasersList {
         left: 350px;
