Add wording to tell people that they need to confirm payment

stripe_checkout/stripe_checkout/static/main.css

@@ -94,7 +94,7 @@ body {
 }
 
 .card-header {
-  margin: 0 0 1rem 0;
+  margin: 0 0 0rem 0;
   text-align: center;
   width: 100%;
 }
@@ -105,7 +105,9 @@ body {
   flex-direction: column;
   gap: 2rem;
 }
-
+.leader {
+  margin-bottom: 1rem;
+}
 .button {
   border: none;
   background-color: var(--primary);
@@ -198,7 +200,6 @@ body {
 
   .card-header {
     text-align: left;
-    margin-bottom: 2.5rem;
   }
 
   .card-content {

stripe_checkout/stripe_checkout/templates/checkout.html

@@ -5,9 +5,13 @@
 {% endblock title %}
 {% block content %}
     <div class="checkout flex center">
-        <div class="card flex center column">
+        <div class="card flex center column gap">
             {% if shopping_cart|length > 0 %}
                 <h1 class="card-header primary">Please confirm your payment</h1>
+                <div class="leader">Please finalize your registration by clicking CONFIRM below and choosing your
+                payment method. Only after you have confirmed, and we have received your payment, is your
+                registration for TNC2025 complete.
+                </div>
                 <div class="card-content center gap">
                     <div>
                         <div class="checkout-summary">