/* ==========================================================================
Children's World Pre-School — Design System v2
Faithful translation of the client-approved homepage design.
Palette : sampled directly from the approved artwork
Display : "Fredoka" — clean rounded playful display (headings)
Body/UI : "Quicksand" — rounded, calm, readable (text, nav, buttons)
Contents
1. Tokens 5. Buttons & links 9. Home sections
2. Base & type 6. Header / nav 10. Interior components
3. Utilities 7. Dividers (SVG) 11. Footer
4. Doodles 8. Heroes 12. Responsive
========================================================================== */
/* ---------- 1. Design tokens ---------- */
:root {
/* surfaces */
--cream: #FCFAF5; /* page background (approved artwork paper white) */
--cream-soft: #F7F3EA; /* alternate section tint */
--white: #FFFFFF;
/* brand */
--purple: #62469E; /* buttons, headings, CTA band */
--purple-dark: #4A3178;
--purple-soft: #EFEAF8; /* pastel purple (icon chips) */
--green: #9FBC1F; /* scallops, tape, nature accents */
--green-dark: #7E9A15;
--green-ink: #55913F; /* readable green for headings ("About Us") */
--pink: #ED517F;
--pink-dark: #D63E6C;
--yellow: #F7CD11; /* CTA buttons, sun */
--yellow-dark: #D9B300;
--orange: #F0803F;
--blue: #17A5E4; /* speech bubble, clouds */
--blue-dark: #0B85BC;
/* pastel card fills (sampled) */
--card-yellow: #FCEEC3;
--card-pink: #FBE3E8;
--card-blue: #D8EDF5;
--card-green: #E7F0D2;
--card-orange: #FDE4CE;
/* text */
--ink: #3A3350;
--ink-soft: #6E6880;
/* type */
/* Display face: Fredoka — clean rounded, playful, not condensed. This is a
working default; see font-preview.html for the shortlist. To switch, change
the family name here AND the Google Fonts in each HTML . */
--font-display: 'Fredoka', 'Comic Sans MS', cursive;
--font-body: 'Quicksand', 'Segoe UI', sans-serif;
/* shape & depth */
--radius-sm: 14px;
--radius-md: 22px;
--radius-lg: 36px;
--radius-pill: 999px;
--shadow-soft: 0 10px 30px rgba(98, 70, 158, 0.13);
--shadow-card: 0 8px 24px rgba(98, 70, 158, 0.10);
--container: 1180px;
/* hand-drawn SVG dividers (data URIs, recolourable only by editing here) */
--svg-scallop-sketch: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%0A%3Csvg id='a' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6563.9 150.48'%3E%0A %3Cpath d='M6547.2,105.64c-2.54-13.16-7.78-25.37-14.16-37.1-12.09-22.21-31.12-33.71-56.04-35.26-28.49-1.77-52.71,8.75-73.87,27.18-5.52,4.81-10.49,10.17-15.05,15.89-1.99-1.46-2.61-3.43-3.57-5.15-8.75-15.65-19.15-30.02-33.08-41.53-15.28-12.62-32.92-19.23-52.72-17.02-27.43,3.06-50.43,15.99-70.51,34.48-7.7,7.09-14.17,15.25-20.56,24.15-6.72-10.76-13.24-20.95-21.25-30.12-30.07-34.41-68.63-45.48-111.22-30.85-28.92,9.93-50.23,29.39-65.81,55.41-.86,1.44-1.16,3.49-3.3,4.1-9.56-12.97-20.06-24.95-33.14-34.44-25.83-18.74-54.35-26.35-86.17-21.5-25.25,3.85-46.58,15.15-65.04,32.4-3.61,3.41-7.14,3.24-10.57-.5-14.2-15.47-30.84-27.19-50.92-33.95-29.64-9.98-57.9-4.74-85.29,7.82-26.33,12.07-46.57,31.2-61.44,55.94-2.35,3.9-3.39,3.46-5.74.14-5.78-8.18-12.59-15.48-20.09-22.13-21.51-19.07-46.34-30.9-75.34-31.18-36.09-.35-66.75,13.36-91.87,39.22-2.41,2.49-3.27,2.59-5.28-.27-8.56-12.18-18.49-23.12-30.69-31.83-22.5-16.07-47.12-26.26-75.2-25.5-20.6.56-39.93,6.74-58.4,15.62-19.42,9.34-35.56,22.7-48.56,39.83-2.19,2.89-3.57,3.57-6.17.27-3.48-4.43-7.41-8.57-11.46-12.5-22.41-21.75-48.95-34.95-80.51-34.13-47.97,1.24-87.76,20.72-118.74,57.55-2.41,2.87-3.36,3.45-5.68-.16-13.5-20.99-30.96-37.77-53.68-48.61-19.96-9.53-40.81-15.85-63.17-12.95-43.45,5.63-77.75,26.85-103.09,62.48-1.96,2.76-2.72,2.89-4.7.07-9.11-12.99-19.47-24.89-31.5-35.29-18.86-16.31-40.55-26.63-65.63-26.76-33.03-.18-59.98,14.19-82.11,38.17-7,7.59-12.77,16.06-18.05,25.29-1.01-1.36-1.83-2.39-2.56-3.48-8.48-12.67-18.43-24.06-30.44-33.47-26.91-21.08-56.93-31.17-91-22.74-34.5,8.53-58.44,28.67-71.48,60.02-1.4-2.94-2.9-5.84-4.46-8.71-12.09-22.21-31.12-33.71-56.04-35.26-28.49-1.77-52.71,8.75-73.87,27.18-5.52,4.81-10.49,10.17-15.05,15.89-1.99-1.46-2.61-3.43-3.57-5.15-8.75-15.65-19.15-30.02-33.08-41.53-15.28-12.62-32.92-19.23-52.72-17.02-27.43,3.06-50.43,15.99-70.51,34.48-7.7,7.09-14.17,15.25-20.56,24.15-6.72-10.76-13.24-20.95-21.25-30.12-30.07-34.41-68.63-45.48-111.22-30.85-28.92,9.93-50.23,29.39-65.81,55.41-.86,1.44-1.16,3.49-3.3,4.1-9.56-12.97-20.06-24.95-33.14-34.44-25.83-18.74-54.35-26.35-86.17-21.5-25.25,3.85-46.58,15.15-65.04,32.4-3.61,3.41-7.14,3.24-10.57-.5-14.2-15.47-30.84-27.19-50.92-33.95-29.64-9.98-57.9-4.74-85.29,7.82-26.33,12.07-46.57,31.2-61.44,55.94-2.35,3.9-3.39,3.46-5.74.14-5.78-8.18-12.59-15.48-20.09-22.13-21.51-19.07-46.34-30.9-75.34-31.18-36.09-.35-66.75,13.36-91.87,39.22-2.41,2.49-3.27,2.59-5.28-.27-8.56-12.18-18.49-23.12-30.69-31.83-22.5-16.07-47.12-26.26-75.2-25.5-20.6.56-39.93,6.74-58.4,15.62-19.42,9.34-35.56,22.7-48.56,39.83-2.19,2.89-3.57,3.57-6.17.27-3.48-4.43-7.41-8.57-11.46-12.5-22.41-21.75-48.95-34.95-80.51-34.13-47.97,1.24-87.76,20.72-118.74,57.55-2.41,2.87-3.36,3.45-5.68-.16-13.5-20.99-30.96-37.77-53.68-48.61-19.96-9.53-40.81-15.85-63.17-12.95-43.45,5.63-77.75,26.85-103.09,62.48-1.96,2.76-2.72,2.89-4.7.07-9.11-12.99-19.47-24.89-31.5-35.29-18.86-16.31-40.55-26.63-65.63-26.76-33.03-.18-59.98,14.19-82.11,38.17-7,7.59-12.77,16.06-18.05,25.29-1.01-1.36-1.83-2.39-2.56-3.48-8.48-12.67-18.43-24.06-30.44-33.47-26.91-21.08-56.93-31.17-91-22.74-30.77,7.61-53.14,24.45-66.87,50.24-12.12-21.21-30.84-32.22-55.18-33.73-28.49-1.77-52.71,8.75-73.87,27.18-5.52,4.81-10.49,10.17-15.05,15.89-1.99-1.46-2.61-3.43-3.57-5.15-8.75-15.65-19.15-30.02-33.08-41.53-15.28-12.62-32.92-19.23-52.72-17.02-27.43,3.06-50.43,15.99-70.51,34.48-7.7,7.09-14.17,15.25-20.56,24.15-6.72-10.76-13.24-20.95-21.25-30.12-30.07-34.41-68.63-45.48-111.22-30.85-28.92,9.93-50.23,29.39-65.81,55.41-.86,1.44-1.16,3.49-3.3,4.1-9.56-12.97-20.06-24.95-33.14-34.44-25.83-18.74-54.35-26.35-86.17-21.5-25.25,3.85-46.58,15.15-65.04,32.4-3.61,3.41-7.14,3.24-10.57-.5-14.2-15.47-30.84-27.19-50.92-33.95-29.64-9.98-57.9-4.74-85.29,7.82-26.33,12.07-46.57,31.2-61.44,55.94-2.35,3.9-3.39,3.46-5.74.14-5.78-8.18-12.59-15.48-20.09-22.13-21.51-19.07-46.34-30.9-75.34-31.18-36.09-.35-66.75,13.36-91.87,39.22-2.41,2.49-3.27,2.59-5.28-.27-8.56-12.18-18.49-23.12-30.69-31.83-22.5-16.07-47.12-26.26-75.2-25.5-20.6.56-39.93,6.74-58.4,15.62-19.42,9.34-35.56,22.7-48.56,39.83-2.19,2.89-3.57,3.57-6.17.27-3.48-4.43-7.41-8.57-11.46-12.5-22.41-21.75-48.95-34.95-80.51-34.13-47.97,1.24-87.76,20.72-118.74,57.55-2.41,2.87-3.36,3.45-5.68-.16-13.5-20.99-30.96-37.77-53.68-48.61-19.96-9.53-40.81-15.85-63.17-12.95-43.45,5.63-77.75,26.85-103.09,62.48-1.96,2.76-2.72,2.89-4.7.07-9.11-12.99-19.47-24.89-31.5-35.29-18.86-16.31-40.55-26.63-65.63-26.76-33.03-.18-59.98,14.19-82.11,38.17-7,7.59-12.77,16.06-18.05,25.29-1.01-1.36-1.83-2.39-2.56-3.48-8.48-12.67-18.43-24.06-30.44-33.47C157.56,7.35,127.54-2.74,93.47,5.69,54.62,15.3,29.15,39.6,17.57,78.09c-.84,2.8-.13,6.04-2.45,8.4v.03s.01,41.93.01,41.93c3.38,4.87,8.14,6.37,13.86,5.96,2.47-.18,5.01-.02,7.47.31,27.93,3.76,55.99,4.85,84.14,3.96,8.97-.28,17.94-.85,26.9-1.4,10.96-.68,21.96-1.02,32.85-2.32,19.15-2.29,37.76.06,55.94,5.75,14.96,4.69,30.04,7.14,45.72,5.93,7.79-.6,15.54-1.97,23.4-1.53,13.21.74,26.24-.37,39.11-3.51,4.68-1.15,9.46-2.77,14.17-2.71,10.4.12,20.44-1.29,30.44-3.99,13.73-3.71,27.49-6.05,41.64-1.19,8.51,2.92,17.52,4.02,26.54,4.19,15.31.29,30.61.95,45.91,1.37,32.32.9,64.5-2.4,96.74-4.15,16.84-.91,33.61-5.02,50.59-1.66,4.62.92,9.31.99,13.94.55,20.13-1.92,40.25-.72,60.36.07,33.68,1.31,67.21-1.33,100.69-4.2,18.98-1.63,37.77-2.03,56.73-.04,27.64,2.9,55.39,4.8,83.2,4.83,27.12.04,54.2-1.86,81.3-2.71,24.76-.78,49.56-.62,74.34-.82,8.48-.07,16.97-.21,25.45.04,21.32.64,42.59-.62,63.89-1.28,22.56-.69,45.04-3.3,67.72-1.79,25.23,1.68,50.53,2.81,75.81,3.1,28.78.33,57.51-1.7,86.24-3.58,19.03-1.24,38.08-2.08,57.22-1.61,19.13.47,38.28.6,57.42,1.1,27.11.71,54.18,3.09,81.35,1.32,9.59-.62,19.35-.99,28.87-.35,8.06.54,16.22,1.59,24.3,2.06,23.08,1.35,46.16,2.92,69.28,3.82,26.01,1.01,51.92.56,77.77-2.4,13.9-1.6,27.8-2.4,41.82-2.53,23.79-.23,47.38,3.64,71.28,1.69,24.39-1.99,48.9.07,73.35.87,8.47.28,16.97.6,25.39,1.49,22.82,2.41,45.68,4.35,68.62,5.23,23.62.91,47.25.13,70.88.16,5.14.01,10.27.6,15.41.6.88,0,1.91,0,2.78-.27,26.51,3.31,53.14,4.25,79.85,3.41,8.97-.28,17.94-.85,26.9-1.4,10.96-.68,21.96-1.02,32.85-2.32,19.15-2.29,37.76.06,55.94,5.75,14.96,4.69,30.04,7.14,45.72,5.93,7.79-.6,15.54-1.97,23.4-1.53,13.21.74,26.24-.37,39.11-3.51,4.68-1.15,9.46-2.77,14.17-2.71,10.4.12,20.44-1.29,30.44-3.99,13.73-3.71,27.49-6.05,41.64-1.19,8.51,2.92,17.52,4.02,26.54,4.19,15.31.29,30.61.95,45.91,1.37,32.32.9,64.5-2.4,96.74-4.15,16.84-.91,33.61-5.02,50.59-1.66,4.62.92,9.31.99,13.94.55,20.13-1.92,40.25-.72,60.36.07,33.68,1.31,67.21-1.33,100.69-4.2,18.98-1.63,37.77-2.03,56.73-.04,27.64,2.9,55.39,4.8,83.2,4.83,27.12.04,54.2-1.86,81.3-2.71,24.76-.78,49.56-.62,74.34-.82,8.48-.07,16.97-.21,25.45.04,21.32.64,42.59-.62,63.89-1.28,22.56-.69,45.04-3.3,67.72-1.79,25.23,1.68,50.53,2.81,75.81,3.1,28.78.33,57.51-1.7,86.24-3.58,19.03-1.24,38.08-2.08,57.22-1.61,19.13.47,38.28.6,57.42,1.1,27.11.71,54.18,3.09,81.35,1.32,9.59-.62,19.35-.99,28.87-.35,8.06.54,16.22,1.59,24.3,2.06,23.08,1.35,46.16,2.92,69.28,3.82,26.01,1.01,51.92.56,77.77-2.4,13.9-1.6,27.8-2.4,41.82-2.53,23.79-.23,47.38,3.64,71.28,1.69,24.39-1.99,48.9.07,73.35.87,8.47.28,16.97.6,25.39,1.49,22.82,2.41,45.68,4.35,68.62,5.23,23.62.91,47.25.13,70.88.16,5.14.01,10.27.6,15.41.6,1.22,0,2.74,0,3.71-.73,1.58.03,3.16.16,4.72.37,27.93,3.76,55.99,4.85,84.14,3.96,8.97-.28,17.94-.85,26.9-1.4,10.96-.68,21.96-1.02,32.85-2.32,19.15-2.29,37.76.06,55.94,5.75,14.96,4.69,30.04,7.14,45.72,5.93,7.79-.6,15.54-1.97,23.4-1.53,13.21.74,26.24-.37,39.11-3.51,4.68-1.15,9.46-2.77,14.17-2.71,10.4.12,20.44-1.29,30.44-3.99,13.73-3.71,27.49-6.05,41.64-1.19,8.51,2.92,17.52,4.02,26.54,4.19,15.31.29,30.61.95,45.91,1.37,32.32.9,64.5-2.4,96.74-4.15,16.84-.91,33.61-5.02,50.59-1.66,4.62.92,9.31.99,13.94.55,20.13-1.92,40.25-.72,60.36.07,33.68,1.31,67.21-1.33,100.69-4.2,18.98-1.63,37.77-2.03,56.73-.04,27.64,2.9,55.39,4.8,83.2,4.83,27.12.04,54.2-1.86,81.3-2.71,24.76-.78,49.56-.62,74.34-.82,8.48-.07,16.97-.21,25.45.04,21.32.64,42.59-.62,63.89-1.28,22.56-.69,45.04-3.3,67.72-1.79,25.23,1.68,50.53,2.81,75.81,3.1,28.78.33,57.51-1.7,86.24-3.58,19.03-1.24,38.08-2.08,57.22-1.61,19.13.47,38.28.6,57.42,1.1,27.11.71,54.18,3.09,81.35,1.32,9.59-.62,19.35-.99,28.87-.35,8.06.54,16.22,1.59,24.3,2.06,23.08,1.35,46.16,2.92,69.28,3.82,26.01,1.01,51.92.56,77.77-2.4,13.9-1.6,27.8-2.4,41.82-2.53,23.79-.23,47.38,3.64,71.28,1.69,24.39-1.99,48.9.07,73.35.87,8.47.28,16.97.6,25.39,1.49,22.82,2.41,45.68,4.35,68.62,5.23,23.62.91,47.25.13,70.88.16,5.14.01,10.27.6,15.41.6,1.99,0,4.78.02,4.68-3.16-.4-12.61,1.4-25.31-1.02-37.82ZM248.64,115.57c-1.58-2.92-.39-5.79,7.72-18.33-2.54,6.04-5.08,12.07-7.72,18.33ZM455.78,57.93c-1.43-1.4-3.3-1.41-5.23-1.57.47-2.4,2.28-3.27,4.35-4.76-.6,4.65,2.6,6.94,4.89,9.75-1.71-.7-2.76-2.19-4.01-3.42ZM840.71,82.25c1.6,2.38,6.17,2.21,5.94,7.14-2.65-2.36-5.31-3.75-5.94-7.14ZM2413.85,119.11c-1.58-2.92-.39-5.79,7.72-18.33-2.54,6.04-5.08,12.07-7.72,18.33ZM2620.99,61.47c-1.43-1.4-3.3-1.41-5.23-1.57.47-2.4,2.28-3.27,4.35-4.76-.6,4.65,2.6,6.94,4.89,9.75-1.71-.7-2.76-2.19-4.01-3.42ZM3005.92,85.79c1.6,2.38,6.17,2.21,5.94,7.14-2.65-2.36-5.31-3.75-5.94-7.14ZM4589,123.11c-1.58-2.92-.39-5.79,7.72-18.33-2.54,6.04-5.08,12.07-7.72,18.33ZM4796.14,65.47c-1.43-1.4-3.3-1.41-5.23-1.57.47-2.4,2.28-3.27,4.35-4.76-.6,4.65,2.6,6.94,4.89,9.75-1.71-.7-2.76-2.19-4.01-3.42ZM5181.07,89.79c1.6,2.38,6.17,2.21,5.94,7.14-2.65-2.36-5.31-3.75-5.94-7.14Z' style='fill: %239FBC1F%3B'/%3E%0A%3C/svg%3E");
--svg-wave-yellow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='16' viewBox='0 0 160 16'%3E%3Cpath d='M2 9 C14 1 26 1 40 9 C54 16 66 15 80 8 C94 2 106 2 120 9 C134 16 146 15 158 8' fill='none' stroke='%23F7CD11' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");
--svg-squiggle-purple: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='8' viewBox='0 0 56 8'%3E%3Cpath d='M2 5 C8 1 12 1 18 5 C24 8 28 8 34 4 C40 1 44 1 54 5' fill='none' stroke='%2362469E' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
--svg-squiggle-green: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='12' viewBox='0 0 120 12'%3E%3Cpath d='M3 8 C15 2 27 2 40 7 C53 12 65 11 78 6 C91 2 103 2 117 7' fill='none' stroke='%237E9A15' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");
--svg-cta-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 70' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H1200 V26 C1080 58 940 14 800 34 C660 54 540 12 400 34 C260 56 120 22 0 44 Z' fill='%23FCFAF5'/%3E%3C/svg%3E");
}
/* ---------- 2. Base & typography ---------- */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
margin: 0;
font-family: var(--font-body);
background: var(--cream);
color: var(--ink);
font-size: 17px;
line-height: 1.65;
font-weight: 500;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
h1, h2, h3, h4 {
font-family: var(--font-display);
font-weight: 600; /* Fredoka: 600 carries headings without being heavy */
margin: 0 0 0.4em;
line-height: 1.12;
color: var(--purple);
letter-spacing: 0; /* Fredoka is already open; no extra tracking needed */
}
h1 { font-size: clamp(2.2rem, 4.3vw, 3.25rem); }
h2 { font-size: clamp(1.75rem, 3vw, 2.4rem); }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.22rem; }
p { margin: 0 0 1em; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
ul { margin: 0; padding: 0; list-style: none; }
button { font-family: inherit; cursor: pointer; }
address { font-style: normal; }
.container {
max-width: var(--container);
margin: 0 auto;
padding: 0 28px;
position: relative;
}
/* small hand-written kicker above headings — used with restraint */
.eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--font-display);
font-size: 1.15rem;
color: var(--green-ink);
letter-spacing: 0.03em;
margin-bottom: 0.2em;
}
.section-head {
text-align: center;
max-width: 660px;
margin: 0 auto 46px;
}
.section-head.align-left { text-align: left; margin-left: 0; }
.section-head p { color: var(--ink-soft); font-size: 1.02rem; }
.section-head .with-hearts { position: relative; display: inline-block; }
/* colour helpers for hand-lettered words */
.c-purple { color: var(--purple); }
.c-pink { color: var(--pink); }
.c-green { color: var(--green-ink); }
.c-orange { color: var(--orange); }
.c-blue { color: var(--blue-dark); }
.c-yellow { color: var(--yellow-dark); }
/* green squiggle under a heading (e.g. About Us) */
.squiggle-under {
display: inline-block;
padding-bottom: 12px;
background: var(--svg-squiggle-green) no-repeat left bottom / 120px 12px;
}
/* ---------- 3. Accessibility utilities ---------- */
.skip-link {
position: absolute;
left: -9999px; top: 0;
background: var(--purple);
color: #fff;
padding: 10px 18px;
border-radius: var(--radius-sm);
z-index: 999;
}
.skip-link:focus { left: 16px; top: 16px; }
:focus-visible { outline: 3px solid var(--purple); outline-offset: 3px; }
.visually-hidden {
position: absolute; width: 1px; height: 1px;
margin: -1px; padding: 0; overflow: hidden;
clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
/* ---------- 4. Doodles ---------- */
.doodle {
position: absolute;
pointer-events: none;
user-select: none;
z-index: 1;
}
/* Doodles that sit in the gutter beside a centred card — hide them once the
gutter is too narrow to hold them without touching the card. */
@media (max-width: 1120px) { .doodle.hide-narrow { display: none; } }
.float-slow { animation: floaty 7s ease-in-out infinite; }
.float-fast { animation: floaty 5s ease-in-out infinite; }
@keyframes floaty {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
/* hearts that sit beside centred section headings (Learning Through Play) */
.heading-hearts {
position: absolute;
width: 100px;
top: -14px;
right: -172px; /* sits a heart-width clear of the heading */
}
/* ---------- 5. Buttons & links ---------- */
.btn {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--font-body);
font-weight: 700;
font-size: 0.98rem;
/*