Template:JakeTesting.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-.crw-hero{
+.crw-hero {
-   max-width: 980px; margin: 0 auto 1.25rem auto; padding: 1.25rem 1rem;
+   max-width: 980px;
-   background:#f8f9fa; border:1px solid #eaecf0; border-radius:6px; text-align:center;
+  margin: 0 auto 2rem auto;
+  padding: 2.5rem 2rem;
+   background: #ffffff;
+  border: 1px solid #e5e7eb;
+  border-radius: 12px;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.05);
+  text-align: center;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }
-.crw-eyebrow{ font-size:.9rem; color:#54595d; letter-spacing:.02em; }
+.crw-eyebrow {
-.crw-title{ margin:.15rem 0 .25rem 0; font-weight:700; }
+  font-size: 0.95rem;
-.crw-tagline{ margin:.25rem 0 .35rem 0; font-size:1.05rem; color:#202122; }
+  font-weight: 600;
-.crw-count{ margin:.15rem 0 .75rem 0; color:#202122; }
+  color: #6b7280;
+  text-transform: uppercase;
-.crw-cta{ display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; }
+  letter-spacing: .05em;
+   margin-bottom: .5rem;
-.crw-button{
-   display:inline-block; padding:.5rem .8rem; border:1px solid #c8ccd1; border-radius:4px;
-  background:#fff; font-weight:600; color:#202122; box-shadow:none;
 }
-.crw-button:hover{ background:#f3f4f6; text-decoration:none; }
+.crw-title {
+  margin: 0 0 .5rem 0;
-.crw-button--secondary{
+  font-size: 2rem;
-   border-color:#2a6f2a; color:#fff; background:#2f7f2f;
+  font-weight: 700;
+  color: #111827;
+}
+.crw-tagline {
+  font-size: 1.15rem;
+  color: #374151;
+  margin-bottom: .75rem;
+}
+.crw-count {
+  font-size: 1rem;
+  color: #4b5563;
+  margin-bottom: 1.5rem;
+}
+.crw-cta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: .75rem;
+  justify-content: center;
+}
+.crw-button {
+  display: inline-block;
+  padding: 0.65rem 1.1rem;
+  font-size: .95rem;
+  font-weight: 600;
+  border-radius: 6px;
+  border: 1px solid #d1d5db;
+  background: #f9fafb;
+  color: #111827;
+  text-decoration: none;
+  transition: all 0.2s ease;
+}
+.crw-button:hover {
+  background: #f3f4f6;
+  border-color: #9ca3af;
+  text-decoration: none;
+}
+.crw-button--secondary {
+  background: #2563eb;
+   border-color: #2563eb;
+  color: #fff;
+}
+.crw-button--secondary:hover {
+  background: #1d4ed8;
+  border-color: #1d4ed8;
+  color: #fff;
 }
-.crw-button--secondary:hover{ background:#276b27; }