diff --git a/index.html b/index.html
index 533a71d..34e0569 100644
--- a/index.html
+++ b/index.html
@@ -3,8 +3,16 @@
 	<head>
 		<title>Matrix digital rain</title>
 		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
+		<meta name="apple-mobile-web-app-capable" content="yes"></meta>
+      		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"></meta>
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover" />
 		<style>
+			@supports (padding-top: env(safe-area-inset-top)) {
+				body {
+					padding: 0;
+				   	height: calc(100% + env(safe-area-inset-top));
+			  	}
+		  	}
 			body {
 				background: black;
 				overflow: hidden;
