diff --git a/views/layout.erb b/views/layout.erb
index 09ed101..44e5fab 100644
--- a/views/layout.erb
+++ b/views/layout.erb
@@ -20,6 +20,21 @@
         font-family: Helvetica, sans-serif;
         color: var(--black);
       }
+
+      main {
+        max-width: 30rem;
+        min-width: 18rem;
+        border: 5px solid var(--medium-blue);
+        border-radius: 20px;
+        margin: auto;
+        padding: 1rem;
+        margin-top: 5rem;
+        text-align: center;
+        min-height: 200px;
+        box-shadow: 3px 2px 10px var(--shadow);
+        background: var(--white);
+      }
+
       input {
         padding: 1rem;
         border-radius: 5px;
@@ -39,16 +54,16 @@
         color: var(--white);
         padding: 1rem;
         border-radius: 5px;
-        border: 2px solid var(--dark-blue);
-        background: var(--dark-blue);
+        border: 2px solid var(--darker-blue);
+        background: var(--darker-blue);
         font-weight: bold;
-        transition: all .25s ease-in-out;
-        -moz-transition: all .25s ease-in-out;
-        -webkit-transition: all .25s ease-in-out;
+        transition: background .25s ease-in-out;
+        -moz-transition: background .25s ease-in-out;
+        -webkit-transition: background .25s ease-in-out;
       }
 
       button:hover {
-        background: var(--darker-blue);
+        background: var(--dark-blue);
       }
 
       button:active {
@@ -69,19 +84,6 @@
         color: var(--darker-blue);
         border-bottom: 4px solid var(--darker-blue);
       }
-      main {
-        max-width: 30rem;
-        min-width: 18rem;
-        border: 5px solid var(--medium-blue);
-        border-radius: 20px;
-        margin: auto;
-        padding: 1rem;
-        margin-top: 5rem;
-        text-align: center;
-        min-height: 200px;
-        box-shadow: 3px 2px 10px var(--shadow);
-        background: var(--white);
-      }
 
     </style>
   </head>