Use some nicer colors

AfricaHackTrip · Oct 12, 2013 · 023b96e · 023b96e
1 parent e8b80dd
commit 023b96e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/css/screen.css b/css/screen.css
@@ -8,16 +8,18 @@
 
 body {
   font-family: Ubuntu, 'Lucida Grande', sans-serif;
-  background: #ccc;
+  background: #C7AB8C;
   text-align: center;
+  background: #C7AB8C;
+  color: #47331D;
 }
 
 h1 {
   padding: 20px 0;
-  color: #ccc;
   font-size: 20px;
   font-weight: bold;
-  background: #222;
+  background: #47331D;
+  color: #C7AB8C;
 }
 
 section#main {
@@ -48,11 +50,13 @@ input#passkey {
 input#open-that-gate {
   display: block;
   width: 100%;
-  padding: 10px;
-  background: #222;
+  padding: 12px;
+  background: #0A7700;
+  color: #ABE47F;
   border: none;
-  color: #ccc;
-  font-size: 24px;
+  font-size: 16px;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
   border-radius: 15px;
 }
 
diff --git a/index.html b/index.html
@@ -16,7 +16,7 @@ <h1>Gate Opener</h1>
           <input type="number" name="passkey" id="passkey" maxlength="4">
         </p>
         <p class="open-button">
-          <input type="submit" name="open-that-gate" id="open-that-gate" value="Open that gate!">
+          <input type="submit" name="open-that-gate" id="open-that-gate" value="Open the gate">
         </p>
       </form>
     </section>