Update step color to match button

Signed-off-by: Natalia Luzuriaga <natalia.luzuriaga@cms.hhs.gov>

Author: natalialuzuriaga

css/styles.css

@@ -6,27 +6,33 @@ textarea {
     margin-bottom: 10px;
 }
 
-#auto-generation {
+#auto-generation,
+#exemptions {
     border-radius: 15px;
     padding: 20px;
     padding-bottom: 25px;
     margin-top: 20px;
     margin-bottom: 20px;
     background: lightgray;
-    width: 100%; 
-    max-width: 800px; 
-    box-sizing: border-box; 
+    width: 100%;
+    max-width: 800px;
+    box-sizing: border-box;
 }
 
-#github-url-form {
+#exemptions {
+    max-width: 1300px;
+}
+
+#github-url-form,
+#exemptions-checklist {
     margin-top: 25px;
     width: 100%;
 }
 
 #repo-url {
-    width: 100%; 
-    max-width: 750px; 
-    box-sizing: border-box; 
+    width: 100%;
+    max-width: 750px;
+    box-sizing: border-box;
 }
 
 #repo-url-button {
@@ -50,12 +56,33 @@ textarea {
     padding-right: 20px;
 }
 
+.step-header {
+    display: flex;
+    align-items: center;
+    gap: 0.5em;
+}
+
+.step-number {
+    margin-top: 10px;
+    background-color: #005ea2;
+    color: white;
+    font-weight: bold;
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 20px;
+}
+
 @keyframes slideDown {
-    from { 
+    from {
         opacity: 0;
         transform: translateY(-10px);
     }
-    to { 
+
+    to {
         opacity: 1;
         transform: translateY(0);
     }