diff --git a/index.html b/index.html
index 8b117c0..0fbd15a 100644
--- a/index.html
+++ b/index.html
@@ -1,24 +1,22 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
   <head>
-    <meta charset="UTF-8"/>
-
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" type="text/css" href="main.css" />
     <title>Click me!</title>
-    <link rel="stylesheet" type="text/css" href="main.css">
   </head>
+
   <body>
     <div id="popup">
-      <div id="popupText">
-        0
-      </div>
+      <div id="popupText">0</div>
     </div>
 
     <button class="center" id="clickMe"></button>
     <label id="clickMeWrapper" for="clickMe" class="center">
-      <div id="clickMeText">
-        Click me!
-      </div>
+      <div id="clickMeText">Click me!</div>
     </label>
+    
     <script src="index.js"></script>
   </body>
 </html>
diff --git a/main.css b/main.css
index 317b0ed..5d3a801 100644
--- a/main.css
+++ b/main.css
@@ -1,3 +1,9 @@
+*{
+	margin: 0px;
+	padding-right: 0px;
+	box-sizing: border-box;
+}
+
 .center {
     position: absolute;
     left: 50%;
@@ -6,6 +12,7 @@
     width: 10%;
     height: 8%;
 }
+
 #clickMeText {
     position: absolute;
     left: 50%;
@@ -16,6 +23,7 @@
     user-select: none;
     -webkit-user-select: none;
 }
+
 #popup {
     visibility: hidden;
     position: absolute;
@@ -24,6 +32,7 @@
     width: 100px;
     height: 100px;
 }
+
 #popupText {
     display: inline-block;
     white-space: nowrap;
@@ -33,6 +42,7 @@
     transform: translate(-25%, -50%);
     font-size: 48px;
 }
+
 .customCursor {
     cursor: url("peach-emoji.png"), auto;
-}
\ No newline at end of file
+}
