Unify card styles & fix more light mode stuff

template/page-xrp-overview.html.jinja

@@ -31,7 +31,7 @@
 
 <section class="container-new my-20">
     <div class="card-grid card-grid-1x2">
-    	<div class="margin-col d-none-sm mt-lg-0">
+    	<div class="d-none-sm mt-lg-0">
         <ul class="page-toc no-sideline p-0 sticky-top floating-nav">
           {% set links = [
             { "hash": _("#about-xrp"),
@@ -51,7 +51,7 @@
         </ul>
     </div>
 
-    <div class="col-new mt-lg-0">
+    <div class="col mt-lg-0">
       <div class="link-section pb-26" id="about-xrp">
         <h2 class="h4 h2-sm mb-8">{% trans %}What Is XRP?{% endtrans %}</h2>
         <h5 class="longform mb-10">{% trans %}XRP is a digital asset that’s native to the XRP Ledger—an open-source, permissionless and decentralized <a href="https://www.distributedagreement.com/2018/09/24/what-is-a-blockchain/" target="_blank">blockchain technology.</a>{% endtrans %}</h5>
@@ -103,7 +103,7 @@
             <p>{% trans %}Use XRP to move different currencies around the world. {% endtrans %}</p>
           </div>
         </div>
-        <div class="mt-10 p-10 br-8 bg-grey-800 text-center position-relative">
+        <div class="mt-10 p-10 br-8 cta-card position-relative">
           <img src="./img/backgrounds/cta-xrp-overview-magenta.svg" class="cta cta-bottom-right">
           <div class="z-index-1 position-relative">
             <h2 class="h4 mb-10-until-sm mb-8-sm">{% trans %}XRP was designed with sustainability in mind.{% endtrans %}</h2>
@@ -124,7 +124,7 @@
         <h2 class="h4 h2-sm mb-8">{% trans %}What Is the Relationship Between Ripple and XRP?{% endtrans %}</h2>
         <h5 class="longform mb-10">{% trans %}<a href="https://ripple.com" target="_blank">Ripple</a> is a technology company that makes it easier to build a high-performance, global payments business. XRP is a digital asset independent of this.{% endtrans %}</h5>
         <p>{% trans %}There is a finite amount of XRP. All XRP is already in existence today—no more than the original 100 billion can be created. The XRPL founders gifted 80 billion XRP, the platform’s native currency, to Ripple. To provide predictability to the XRP supply, Ripple has locked 55 billion XRP (55% of the total possible supply) into a series of escrows using the XRP Ledger itself. The XRPL's transaction processing rules, enforced by the consensus protocol, control the release of the XRP.{% endtrans %}</p>
-        <div class="mt-10 p-10 br-8 bg-grey-800 text-center position-relative">
+        <div class="mt-10 p-10 br-8 cta-card position-relative">
           <img src="./img/backgrounds/cta-xrp-overview-green-2.svg" class="landing-bg cta cta-bottom-right">
           <div class="z-index-1 position-relative">
             <h3 class="h4">{% trans %}As of <span class="stat-highlight" id="ripple-escrow-as-of">December 2017</span> <br/>