Add hover effect to language menu

public/src/css/titlescreen.css

@@ -47,11 +47,9 @@
 	position: absolute;
 	bottom: 0;
 	left: 0;
-	background-repeat: no-repeat;
-	background-size: auto 70%;
-	background-position: 15% center;
 	width: 7em;
 	height: 4em;
+	color: #000;
 }
 #lang:focus-within{
 	outline: #4d90fe auto 5px;
@@ -62,6 +60,8 @@
 	opacity: 0;
 	width: 100%;
 	height: 100%;
+	color: #000;
+	cursor: pointer;
 }
 #lang-id{
 	position: absolute;
@@ -75,3 +75,16 @@
 	line-height: 2.75em;
 	z-index: 0;
 }
+#lang-icon{
+	position: absolute;
+	width: 2.8em;
+	height: 2.8em;
+	padding: 0.6em;
+	fill: currentColor;
+}
+#lang:hover #lang-icon{
+	color: #f00;
+}
+#lang:hover #lang-id::before {
+	-webkit-text-stroke: 0.25em #f00;
+}

public/src/js/assets.js

@@ -78,8 +78,7 @@ var assets = {
 		"mimizu.png",
 		"results_flowers.png",
 		"results_mikoshi.png",
-		"results_tetsuohana.png",
-		"globe.svg"
+		"results_tetsuohana.png"
 	],
 	"audioSfx": [
 		"don.wav",

public/src/views/titlescreen.html

@@ -3,6 +3,7 @@
 	<div class="click-to-continue stroke-sub" id="title-proceed"></div>
 </div>
 <div id="lang">
+	<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 38" id="lang-icon"><circle cx="19" cy="19" r="19"/><path d="M19 4V34M19 4C13 4 9 12 9 19 9 26 13 34 19 34 25 34 29 26 29 19 29 12 25 4 19 4ZM6 11H32M4 19H34M6 27h26" style="fill:none;stroke-width:2;stroke:#fff"/><circle cx="19" cy="19" r="15" style="fill:none;stroke-width:2;stroke:#fff"/></svg>
 	<div id="lang-id" class="stroke-sub"></div>
 	<select id="lang-dropdown"></select>
 </div>