From d415ddd94a1c68f30f47260d047bf081c0ca53b1 Mon Sep 17 00:00:00 2001
From: "Michael \"Cal\" Krug" <cal.krug@murena.io>
Date: Sun, 5 Nov 2023 21:35:44 -0600
Subject: [PATCH] fix: styling for rules on call to action section

Add rules on the "call to action" section of the webpage in order
to bring it to project qualifier standards.
---
 style.css | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index 994be09..cbefdb3 100644
--- a/style.css
+++ b/style.css
@@ -21,10 +21,18 @@ nav ul {
 }
 
 button {
-    border: 1px solid #FFF;
-    border-radius: 4px;
+    border: 2px solid #FFF;
+    border-radius: 6px;
     background-color: #3882F6;
     color: #FFFFFF;
+    width: 8rem;
+    height: 2.5rem;
+    font-size: 18px;
+    font-weight: bold;
+}
+
+button.button-hero {
+    border: 0;
 }
 
 hgroup {
@@ -40,6 +48,8 @@ figure {
 footer {
     background-color: #1F2937;
     color: #F9FAF8;
+    text-align: center;
+    padding: 3rem 0;
 }
 
 blockquote {
@@ -97,8 +107,23 @@ div.action-call {
     border-radius: 8px;
     background-color: #3882F6;
     color: #FFFFFF;
+    justify-content: center;
+    gap: 13rem;
+    align-items: center;
+    padding: 3rem 0;
 }
 
+div.action-call-text p,
+div.action-call-text h2 {
+    margin: 0;
+}
+
+div.action-call-text p {
+    font-size: 18px;
+    font-weight: lighter;
+}
+
+
 div.randinfo-images {
     display: flex;
     justify-content: center;