From 612c277c23cc8dbb920e28890c7bb263c8df31c4 Mon Sep 17 00:00:00 2001
From: Allan Niles <74841470+allancoding@users.noreply.github.com>
Date: Tue, 22 Feb 2022 20:45:45 -0700
Subject: [PATCH] Fix CSS

---
 index.html | 47 ++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 46 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 6cfdeb5..a21972a 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,44 @@
 <html>
+	<head>
+  <title>Emulatorjs | Select Game Rom</title>
+  <link rel="icon" type="image/png" href="docs/Emulatorjs Logo.png">
+</head>
     <body>
+	<style>
+body{
+  background: #c4bdff;
+}
+.form{
+  position: absolute;
+  top: 450px;
+  left: 50%;
+  margin-top: -150px;
+  margin-left: -250px;
+  width: 500px;
+  height: 200px;
+  border: 4px dashed #111;
+}
+.form p{
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  line-height: 170px;
+  color: #111;
+  font-family: Arial;
+}
+.form input{
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  outline: none;
+  opacity: 0;
+}
+.eimg{
+width: 250px;
+}
+			 </style>
         <script>
             window.addEventListener('load', function() {
                 document.getElementById('file').onchange = async function(e) {
@@ -106,6 +145,12 @@
                 }
             })
         </script>
-        Select Game Rom: <input type="file" id="file">
+		 <center>
+		 <img class="eimg" src="docs/Emulatorjs Logo.png">
+			 </center>
+		 <div class="form">
+		 <input type="file" id="file">
+  <b><p>Select Game Rom: Drag your files here or click in this area.</p></b>
+			 </div>
     </body>
 </html>
