Donation Page Changes - Volume 1

4site-interactive-studios · Oct 29, 2024 · fd28a5e · fd28a5e
1 parent 81fc9e6
commit fd28a5e
Show file tree

Hide file tree

Showing 6 changed files with 165 additions and 65 deletions.
diff --git a/dist/engrid.css b/dist/engrid.css
@@ -19,7 +19,7 @@
  *
  *  ENGRID PAGE TEMPLATE ASSETS
  *
- *  Date: Tuesday, October 15, 2024 @ 12:30:14 ET
+ *  Date: Tuesday, October 29, 2024 @ 15:16:34 ET
  *  By: fernando
  *  ENGrid styles: v0.19.9
  *  ENGrid scripts: v0.19.9
@@ -7681,6 +7681,38 @@ body[data-engrid-debug]:before{
   src:url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/ZXuke1cDvLCKLDcimxB44_luFgxbuQ.woff2) format("woff2");
   unicode-range:u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
 }
+@font-face{
+  font-display:swap;
+  font-family:Hanken Grotesk;
+  font-style:normal;
+  font-weight:400;
+  src:url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/HankenGrotesk-Regular.ttf) format("truetype");
+  unicode-range:u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
+}
+@font-face{
+  font-display:swap;
+  font-family:Hanken Grotesk;
+  font-style:normal;
+  font-weight:700;
+  src:url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/HankenGrotesk-Bold.ttf) format("truetype");
+  unicode-range:u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
+}
+@font-face{
+  font-display:swap;
+  font-family:Hanken Grotesk;
+  font-style:italic;
+  font-weight:400;
+  src:url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/HankenGrotesk-Italic.ttf) format("truetype");
+  unicode-range:u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
+}
+@font-face{
+  font-display:swap;
+  font-family:Hanken Grotesk;
+  font-style:italic;
+  font-weight:700;
+  src:url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/HankenGrotesk-BoldItalic.ttf) format("truetype");
+  unicode-range:u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
+}
 @font-face{
   font-display:swap;
   font-family:Fira Sans;
@@ -8781,8 +8813,8 @@ body[data-engrid-debug]:before{
 }
 
 [data-engrid-theme=nwf2]{
-  --color_primary:#132a44;
-  --color_cyan:#a3d3d6;
+  --color_primary:#000;
+  --color_green:#00ad85;
   --color_orange:#cc4b24;
   --engrid__body_background-color:#f4f4f4;
   --engrid__page_background-color:#f4f4f4;
@@ -8791,7 +8823,7 @@ body[data-engrid-debug]:before{
   --engrid__body_box-shadow:none;
   --engrid__body_padding:0 123px;
   --engrid__content-footer_padding:70px 123px;
-  --default_font-family:"Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
+  --default_font-family:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
   --default_color:var(--color_primary);
   --default_font-size:var(--root_font-size);
   --default_line-height:1.4;
@@ -8802,12 +8834,12 @@ body[data-engrid-debug]:before{
   --p_font-size:var(--root_font-size);
   --p_line-height:1.6;
   --click-to-expand__copy-area_height:170px;
-  --click-to-expand__cta-image_url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M5.539 13.539 11.077 8 5.539 2.462' stroke='%23132A44' stroke-width='2'/%3E%3C/svg%3E");
+  --click-to-expand__cta-image_url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M5.539 13.539 11.077 8 5.539 2.462' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
   --input_color:var(--color_primary);
   --input_background-color:#fff;
   --input_border-width:2px;
   --input_border-color:var(--color_primary);
-  --input_border-radius:8px;
+  --input_border-radius:0;
   --input_font-size:24px;
   --input_placeholder-color:#132a44b3;
   --input_placeholder-font-weight:300;
@@ -8823,12 +8855,12 @@ body[data-engrid-debug]:before{
   --radio_width:28px;
   --radio_height:28px;
   --radio_box-shadow_hover:none;
-  --radio_border-color_hover:var(--color_cyan);
+  --radio_border-color_hover:var(--color_green);
   --radio_color_selected:var(--color_primary);
   --radio_background-color_selected:var(--color_primary);
   --radio_border-color_selected:var(--color_primary);
-  --radio_box-shadow_selected:inset 0 0 0 5px var(--color_cyan);
-  --checkbox_background-color_checked:var(--color_cyan);
+  --radio_box-shadow_selected:inset 0 0 0 5px var(--color_green);
+  --checkbox_background-color_checked:var(--color_green);
   --checkbox_border-radius:5px;
   --error__color:var(--color_orange);
   --button_font-family:var(--h1_font-family);
@@ -8837,19 +8869,19 @@ body[data-engrid-debug]:before{
   --button_background-color:#fff;
   --button_border-width:2px;
   --button_border-color:var(--color_primary);
-  --button_border-radius:8px;
+  --button_border-radius:0;
   --button_padding:1rem;
   --button_color_hover:var(--button_color);
   --button_background-color_hover:var(--button_background-color);
-  --button_border-color_hover:var(--color_cyan);
+  --button_border-color_hover:var(--color_green);
   --button_color_checked:var(--button_color);
-  --button_background-color_checked:var(--color_cyan);
+  --button_background-color_checked:var(--color_green);
   --button_border-color_checked:var(--button_border-color);
   --give-monthly-donation-amount-appended-label:"/mo";
   --give-annual-donation-amount-appended-label:"/yr";
   --recurring-frequency__button_count:2;
   --recurring-frequency__button_padding:1.5rem 1rem;
-  --recurring-frequency__button_border-radius:16px;
+  --recurring-frequency__button_border-radius:0;
   --recurring-frequency__button_background-color_checked:var(
     --button_background-color_checked
   );
@@ -8877,6 +8909,9 @@ body[data-engrid-debug]:before{
   --submit__button_border-color_hover:#af421e;
   -webkit-font-smoothing:antialiased;
 }
+[data-engrid-theme=nwf2] img[alt=monthly-arrow]{
+  filter:grayscale(100%);
+}
 [data-engrid-theme=nwf2] .rememberme-wrapper label{
   outline:none !important;
 }
@@ -8976,7 +9011,7 @@ body[data-engrid-debug]:before{
   position:relative;
 }
 [data-engrid-theme=nwf2] .en__field--withOther.en__field--radio.en__field--donationAmt .en__field__item--other:before{
-  content:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.831 13.394a4.326 4.326 0 0 0-.405-.94 3.215 3.215 0 0 0-.681-.779 8.095 8.095 0 0 0-.798-.614 7.89 7.89 0 0 0-.97-.521 17.855 17.855 0 0 0-.978-.43c-.24-.094-.587-.223-1.042-.387-.403-.147-.703-.26-.9-.337a20.369 20.369 0 0 1-.778-.332 4.6 4.6 0 0 1-.72-.38 5.608 5.608 0 0 1-.508-.405c-.18-.16-.307-.33-.38-.51a1.56 1.56 0 0 1-.109-.59c0-.556.257-1.01.772-1.362.514-.352 1.179-.528 1.993-.528.36 0 .727.047 1.1.141.373.095.692.2.958.32.266.118.517.25.752.392.236.144.403.252.502.326.099.073.161.122.187.147.111.082.227.11.347.086a.351.351 0 0 0 .296-.196l1.042-1.793c.103-.163.081-.319-.065-.466a4.314 4.314 0 0 0-.193-.172 6.664 6.664 0 0 0-.502-.356 6.282 6.282 0 0 0-.816-.46 8.5 8.5 0 0 0-1.12-.412 7.43 7.43 0 0 0-1.42-.282V.393A.374.374 0 0 0 7.279.11.412.412 0 0 0 6.983 0H5.247a.405.405 0 0 0-.29.117.37.37 0 0 0-.122.276v2.21c-1.346.245-2.439.794-3.28 1.645-.84.851-1.26 1.841-1.26 2.97 0 .336.037.656.11.958.073.303.163.575.27.817.107.241.26.479.456.712.198.233.384.434.56.601.176.168.405.342.688.522.283.18.525.326.727.436.201.11.47.237.803.38.335.144.599.252.792.326.192.073.456.176.79.306.464.172.807.305 1.03.4.223.094.505.225.849.392.342.168.593.322.752.46.158.14.302.312.43.516.13.205.194.422.194.651 0 .647-.264 1.146-.791 1.497-.528.353-1.139.529-1.833.529-.317 0-.634-.033-.952-.099-1.114-.212-2.156-.724-3.125-1.534l-.025-.025a.327.327 0 0 0-.31-.11c-.136.016-.235.065-.295.147L.09 16.758c-.128.163-.12.331.026.503.043.05.118.123.225.221.108.098.307.252.598.46.292.21.61.406.952.59.343.184.778.366 1.306.546.527.18 1.073.307 1.64.38v2.15c0 .106.04.198.121.275a.404.404 0 0 0 .29.117h1.736c.12 0 .219-.037.296-.11a.373.373 0 0 0 .116-.283V19.46c1.363-.213 2.471-.772 3.324-1.676.853-.905 1.28-1.983 1.28-3.235 0-.41-.056-.794-.169-1.154Z' fill='%23132A44'/%3E%3C/svg%3E");
+  content:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.831 13.394a4.326 4.326 0 0 0-.405-.94 3.215 3.215 0 0 0-.681-.779 8.095 8.095 0 0 0-.798-.614 7.89 7.89 0 0 0-.97-.521 17.855 17.855 0 0 0-.978-.43c-.24-.094-.587-.223-1.042-.387-.403-.147-.703-.26-.9-.337a20.369 20.369 0 0 1-.778-.332 4.6 4.6 0 0 1-.72-.38 5.608 5.608 0 0 1-.508-.405c-.18-.16-.307-.33-.38-.51a1.56 1.56 0 0 1-.109-.59c0-.556.257-1.01.772-1.362.514-.352 1.179-.528 1.993-.528.36 0 .727.047 1.1.141.373.095.692.2.958.32.266.118.517.25.752.392.236.144.403.252.502.326.099.073.161.122.187.147.111.082.227.11.347.086a.351.351 0 0 0 .296-.196l1.042-1.793c.103-.163.081-.319-.065-.466a4.314 4.314 0 0 0-.193-.172 6.664 6.664 0 0 0-.502-.356 6.282 6.282 0 0 0-.816-.46 8.5 8.5 0 0 0-1.12-.412 7.43 7.43 0 0 0-1.42-.282V.393A.374.374 0 0 0 7.279.11.412.412 0 0 0 6.983 0H5.247a.405.405 0 0 0-.29.117.37.37 0 0 0-.122.276v2.21c-1.346.245-2.439.794-3.28 1.645-.84.851-1.26 1.841-1.26 2.97 0 .336.037.656.11.958.073.303.163.575.27.817.107.241.26.479.456.712.198.233.384.434.56.601.176.168.405.342.688.522.283.18.525.326.727.436.201.11.47.237.803.38.335.144.599.252.792.326.192.073.456.176.79.306.464.172.807.305 1.03.4.223.094.505.225.849.392.342.168.593.322.752.46.158.14.302.312.43.516.13.205.194.422.194.651 0 .647-.264 1.146-.791 1.497-.528.353-1.139.529-1.833.529-.317 0-.634-.033-.952-.099-1.114-.212-2.156-.724-3.125-1.534l-.025-.025a.327.327 0 0 0-.31-.11c-.136.016-.235.065-.295.147L.09 16.758c-.128.163-.12.331.026.503.043.05.118.123.225.221.108.098.307.252.598.46.292.21.61.406.952.59.343.184.778.366 1.306.546.527.18 1.073.307 1.64.38v2.15c0 .106.04.198.121.275a.404.404 0 0 0 .29.117h1.736c.12 0 .219-.037.296-.11a.373.373 0 0 0 .116-.283V19.46c1.363-.213 2.471-.772 3.324-1.676.853-.905 1.28-1.983 1.28-3.235 0-.41-.056-.794-.169-1.154Z' fill='%23000'/%3E%3C/svg%3E");
   height:22px;
   left:25px;
   position:absolute;
@@ -9035,7 +9070,7 @@ body[data-engrid-debug]:before{
   width:24px;
 }
 [data-engrid-theme=nwf2] .media-with-attribution figattribution:after{
-  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='15' fill='none'%3E%3Cpath d='M.2 4.778a9.487 9.487 0 0 1 2.08-.253c.64 0 1.18.02 1.62.058v7.759c.52.194.887.415 1.1.66L4.8 14.5H.2L0 13.003c.187-.246.553-.467 1.1-.661V6.936C.633 6.781.267 6.56 0 6.275l.2-1.497Zm2.26-1.842C1.353 2.936.8 2.45.8 1.478.8.493 1.353 0 2.46 0c1.12 0 1.68.493 1.68 1.478 0 .972-.56 1.458-1.68 1.458Z' fill='%23132A44'/%3E%3C/svg%3E");
+  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='15' fill='none'%3E%3Cpath d='M.2 4.778a9.487 9.487 0 0 1 2.08-.253c.64 0 1.18.02 1.62.058v7.759c.52.194.887.415 1.1.66L4.8 14.5H.2L0 13.003c.187-.246.553-.467 1.1-.661V6.936C.633 6.781.267 6.56 0 6.275l.2-1.497Zm2.26-1.842C1.353 2.936.8 2.45.8 1.478.8.493 1.353 0 2.46 0c1.12 0 1.68.493 1.68 1.478 0 .972-.56 1.458-1.68 1.458Z' fill='%23000'/%3E%3C/svg%3E");
   content:"";
   display:block;
   height:15px;
@@ -9132,7 +9167,6 @@ body[data-engrid-debug]:before{
   margin:0 auto;
 }
 [data-engrid-theme=nwf2] .en__submit button{
-  border-radius:16px;
   transition:transform .1s linear;
 }
 [data-engrid-theme=nwf2] .en__submit button:hover{
@@ -9204,10 +9238,10 @@ body[data-engrid-debug]:before{
   width:40px;
 }
 [data-engrid-theme=nwf2] .nwf2-page-footer .f-btn{
-  background-color:var(--submit__button_background-color);
+  background-color:var(--color_green);
   border-color:var(--submit__button_border-color);
-  border-radius:16px;
-  color:var(--submit__button_color);
+  border-radius:0;
+  color:var(--color_primary);
   display:block;
   font-size:20px;
   font-weight:500;
@@ -9219,7 +9253,7 @@ body[data-engrid-debug]:before{
   transition:transform .1s linear;
 }
 [data-engrid-theme=nwf2] .nwf2-page-footer .f-btn:hover{
-  background-color:var(--submit__button_background-color_hover);
+  background-color:var(--color_green);
   border-color:var(--submit__button_border-color_hover);
   transform:translateY(-2px);
 }

diff --git a/dist/engrid.js b/dist/engrid.js
@@ -17,7 +17,7 @@
  *
  *  ENGRID PAGE TEMPLATE ASSETS
  *
- *  Date: Tuesday, October 15, 2024 @ 12:30:14 ET
+ *  Date: Tuesday, October 29, 2024 @ 15:16:34 ET
  *  By: fernando
  *  ENGrid styles: v0.19.9
  *  ENGrid scripts: v0.19.9

diff --git a/dist/engrid.min.css b/dist/engrid.min.css
diff --git a/dist/engrid.min.js b/dist/engrid.min.js
diff --git a/src/sass/page-template-fonts.scss b/src/sass/page-template-fonts.scss
@@ -35,6 +35,64 @@
     U+FEFF, U+FFFD;
 }
 
+// HankenGrotesk
+
+// Regular
+@font-face {
+  font-family: "Hanken Grotesk";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/HankenGrotesk-Regular.ttf)
+    format("truetype");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+
+// Bold
+@font-face {
+  font-family: "Hanken Grotesk";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/HankenGrotesk-Bold.ttf)
+    format("truetype");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+
+// Regular Italic
+
+@font-face {
+  font-family: "Hanken Grotesk";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/HankenGrotesk-Italic.ttf)
+    format("truetype");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+
+// Bold Italic
+
+@font-face {
+  font-family: "Hanken Grotesk";
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/HankenGrotesk-BoldItalic.ttf)
+    format("truetype");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+
+// @TODO: Delete Fira Sans after the old NWF theme is deprecated
+
 // Fira Sans
 /* 400 */
 @font-face {
@@ -68,10 +126,10 @@
   font-weight: 300;
   font-display: swap;
   src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/FiraSans-Light.ttf)
-  format("truetype");
+    format("truetype");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
-  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
-  U+FEFF, U+FFFD;
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
 }
 
 /* 300 italic */
@@ -81,10 +139,10 @@
   font-style: italic;
   font-display: swap;
   src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/FiraSans-LightItalic.ttf)
-  format("truetype");
+    format("truetype");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
-  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
-  U+FEFF, U+FFFD;
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
 }
 
 /* 400 italic */
@@ -94,10 +152,10 @@
   font-style: italic;
   font-display: swap;
   src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/FiraSans-Italic.ttf)
-  format("truetype");
+    format("truetype");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
-  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
-  U+FEFF, U+FFFD;
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
 }
 
 /* 500 */
@@ -106,10 +164,10 @@
   font-weight: 500;
   font-display: swap;
   src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/FiraSans-Medium.ttf)
-  format("truetype");
+    format("truetype");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
-  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
-  U+FEFF, U+FFFD;
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
 }
 
 /* 500 Italic */
@@ -119,10 +177,10 @@
   font-style: italic;
   font-display: swap;
   src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/FiraSans-MediumItalic.ttf)
-  format("truetype");
+    format("truetype");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
-  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
-  U+FEFF, U+FFFD;
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
 }
 
 /* 700 Italic */
@@ -132,22 +190,24 @@
   font-style: italic;
   font-display: swap;
   src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/FiraSans-BoldItalic.ttf)
-  format("truetype");
+    format("truetype");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
-  U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
-  U+FEFF, U+FFFD;
+    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
 }
 
 //Fuzzy Bubbles
 @font-face {
   font-family: "Fuzzy Bubbles";
   font-display: swap;
-  src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/FuzzyBubbles-Regular.ttf) format("truetype");
+  src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/FuzzyBubbles-Regular.ttf)
+    format("truetype");
 }
 
 @font-face {
   font-family: "Fuzzy Bubbles";
   font-display: swap;
   font-weight: 700;
-  src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/FuzzyBubbles-Bold.ttf) format("truetype");
+  src: url(https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10033/FuzzyBubbles-Bold.ttf)
+    format("truetype");
 }