diff --git a/gimp_saves/arrow.xcf b/gimp_saves/arrow.xcf
new file mode 100644
index 0000000..b790930
Binary files /dev/null and b/gimp_saves/arrow.xcf differ
diff --git a/index.html b/index.html
index 9a5d973..82a5a46 100644
--- a/index.html
+++ b/index.html
@@ -14,10 +14,10 @@
 		</div>
 
 		<div id="movement_keys">
-			<div id="key_up"></div>
-			<div id="key_left"></div>
-			<div id="key_down"></div>
-			<div id="key_right"></div>
+			<div id="key_up"><img src="/objects/textures/arrow.png" width="100%" height="100%"/></div>
+			<div id="key_left"><img src="/objects/textures/arrow.png" width="100%" height="100%" style="transform: rotate(-90deg);"/></div>
+			<div id="key_down"><img src="/objects/textures/arrow.png" width="100%" height="100%" style="transform: rotate(180deg);"/></div>
+			<div id="key_right"><img src="/objects/textures/arrow.png" width="100%" height="100%" style="transform: rotate(90deg);"/></div>
 		</div>
 		<script type="module" src="/src/main.js"></script>
 		
diff --git a/public/objects/textures/arrow.png b/public/objects/textures/arrow.png
new file mode 100644
index 0000000..b5b4396
Binary files /dev/null and b/public/objects/textures/arrow.png differ
diff --git a/public/style.css b/public/style.css
index 31a6048..299725d 100644
--- a/public/style.css
+++ b/public/style.css
@@ -69,6 +69,7 @@ a {
 	height: 50px;
 	z-index: 102;
 	background-color: #2E86AB;
+	opacity: 0.8;
 }
 
 #key_up{