diff --git a/static/index.html b/static/index.html
index 45a192d..2733649 100644
--- a/static/index.html
+++ b/static/index.html
@@ -8,26 +8,25 @@
 </head>
 <link rel="stylesheet" href="style.css">
 <body>
-    <h1>Pokemon catcher</h1>
+    <header>
+        <h1>Randomizer</h1>
+    </header>
     
 
     
     <div class="labelcontainer">
-        <label>Chance</label>
-        <input type="number" id="Chance" name="Chance" min="10">
+        <input type="number" id="Chance" name="Chance" min="10" placeholder="Chance (at least 10)">
 
     </div>
     <div class="labelcontainer">
-        <label>Multiplicator</label>
-        <input type="number" id="Multiplicator" name="Multiplicator" min="1" max="3">
+        <input type="number" id="Multiplicator" name="Multiplicator" min="1" max="3" placeholder="Multiplicator (1-3)">
 
     </div>
-    <div class="labelcontainer">  
-        <label>name</label>
-        <input type="text" id="name" maxlength="15">
+    <div class="labelcontainer">
+        <input type="text" id="name" maxlength="15" placeholder="Name (optional)">
     </div>
     <div>
-        <input type="button" onclick="calcChanche()" value="Generate">
+        <input type="button" onclick="calcChanche()" value="Go">
     </div>
     <p id="won"></p>
     <div>
diff --git a/static/style.css b/static/style.css
index aa62587..c727f24 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,17 +1,25 @@
+header {
+    background-color: rgb(92, 112, 180);
+    margin: 0px 0px 2rem 0em;
+    padding: 1px;
+}
 body {
     background-color: rgba(131, 143, 197, 0.986);
+    padding: 0px;
+    margin: 0px;
+}
+h1 {
+    font-size: 6.4em
 }
 .labelcontainer {
     display: flex;
 }
-label {
-    display: block;
-    color: rgb(28, 17, 85);
-    min-width: 20rem;
-    font-size: 1.5rem;
-}
 input {
-    width: 10rem;
+    color: rgb(28, 17, 85);
+    background-color: rgb(92, 112, 180);
+    margin: 0.5em;
+    height: 2em;
+    width: 15em;
     }
 p {
     color: rgb(28, 17, 85);
