Girl Power
β‘ β¨ π π π β‘ CHARM MEANING Strength & Dignity A sweet reminder that real girl power starts with knowing who you are in Christ. π Real Girl Power Starts In Christ This charm is a bol d little reminder that confidence is not about proving yourself. It starts with knowing you are loved, chosen, and created on purpose by God. β‘ For The Girl Walking In Confidence For the girl walking in confidence, grace, and strength because God made her on purpose. β Scripture Reminder βShe is clothed with strength and dignity, and she laughs without fear of the future.β π Bible Reference Proverbs 31:25 β‘ Confident in Christ. Clothed with strength. Made on purpose. β‘ .cgc-strength-dignity, .cgc-strength-dignity * { box-sizing: border-box; } .cgc-strength-dignity { width: 100%; background: #fff8fb; padding: 36px 14px; overflow: hidden; } .cgc-sd-card { position: relative; max-width: 880px; margin: 0 auto; padding: 42px 28px; border-radius: 32px; border: 1px solid #f2c9d6; background: linear-gradient(135deg, #fffdfd 0%, #fff4f8 52%, #f7fbff 100%); box-shadow: 0 18px 42px rgba(125, 62, 84, 0.08); overflow: hidden; } .cgc-sd-card::before { content: ""; position: absolute; width: 210px; height: 210px; top: -105px; right: -80px; background: rgba(249, 220, 232, 0.68); border-radius: 50%; z-index: 1; } .cgc-sd-card::after { content: ""; position: absolute; width: 200px; height: 200px; bottom: -100px; left: -85px; background: rgba(232, 245, 255, 0.9); border-radius: 50%; z-index: 1; } .cgc-sd-inner { position: relative; z-index: 3; text-align: center; } .cgc-sd-eyebrow { margin: 0 0 12px !important; color: #b85f79 !important; font-size: 13px !important; font-weight: 900 !important; letter-spacing: 2px; text-transform: uppercase; } .cgc-sd-card h2 { margin: 0 0 14px !important; color: #001f4e; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: clamp(40px, 7vw, 68px); line-height: 0.98; font-weight: 900; letter-spacing: -1px; } .cgc-sd-subtitle { max-width: 680px; margin: 0 auto 28px !important; color: #23395f; font-size: 18px; line-height: 1.65; font-weight: 700; } .cgc-sd-row { width: 100%; max-width: 780px; margin: 0 auto 14px; padding: 20px 22px; border-radius: 24px; display: flex; align-items: flex-start; gap: 16px; text-align: left; box-shadow: 0 12px 28px rgba(125, 62, 84, 0.06); } .cgc-sd-row-pink { background: #fff7fa; border: 1px solid #f2c9d6; } .cgc-sd-row-blue { background: #f7fbff; border: 1px solid #d8eaf8; } .cgc-sd-row-white { background: #ffffff; border: 1px solid #f2c9d6; } .cgc-sd-row-yellow { background: #fffbe7; border: 1px solid #f2e2a3; } .cgc-sd-icon { width: 48px; height: 48px; min-width: 48px; border-radius: 50%; background: #f9dce8; color: #b85f79; display: flex; align-items: center; justify-content: center; font-size: 22px; box-shadow: 0 8px 18px rgba(125, 62, 84, 0.08); animation: cgcSdPulse 2.8s ease-in-out infinite; } .cgc-sd-row-blue .cgc-sd-icon { background: #e7f5ff; } .cgc-sd-row-yellow .cgc-sd-icon { background: #fff4c8; } .cgc-sd-row h3 { margin: 0 0 8px; color: #001f4e; font-size: 21px; line-height: 1.2; font-weight: 900; } .cgc-sd-row p { margin: 0; color: #30486f; font-size: 15.8px; line-height: 1.65; font-weight: 600; } .cgc-sd-row strong { color: #001f4e; font-weight: 900; } .cgc-sd-verse { color: #7d3e54 !important; font-size: 16.5px !important; font-weight: 800 !important; font-style: italic; } .cgc-sd-closing { max-width: 780px; margin: 20px auto 0; padding: 15px 18px; border-radius: 999px; background: #ffffff; border: 1px solid #f2c9d6; color: #7d3e54; font-size: 15.5px; line-height: 1.45; font-weight: 900; box-shadow: 0 10px 24px rgba(125, 62, 84, 0.06); } .cgc-sd-floaties { position: absolute; inset: 0; z-index: 2; pointer-events: none; } .cgc-sd-floaty { position: absolute; color: #e19aae; opacity: 0.82; font-weight: 900; line-height: 1; filter: drop-shadow(0 6px 10px rgba(125, 62, 84, 0.07)); } .cgc-sd-floaty-1 { top: 28px; left: 34px; font-size: 25px; animation: cgcSdFloatOne 4s ease-in-out infinite; } .cgc-sd-floaty-2 { top: 54px; right: 110px; font-size: 22px; animation: cgcSdSparkle 3s ease-in-out infinite; } .cgc-sd-floaty-3 { top: 28px; right: 42px; font-size: 25px; animation: cgcSdRibbon 4.4s ease-in-out infinite; } .cgc-sd-floaty-4 { bottom: 36px; right: 42px; font-size: 24px; animation: cgcSdFloatOne 4.2s ease-in-out infinite; } .cgc-sd-floaty-5 { bottom: 38px; left: 42px; font-size: 24px; animation: cgcSdCrownFloat 4.6s ease-in-out infinite; } .cgc-sd-bubble { position: absolute; border-radius: 50%; background: rgba(249, 220, 232, 0.5); border: 1px solid rgba(242, 201, 214, 0.7); box-shadow: 0 10px 25px rgba(125, 62, 84, 0.06); } .cgc-sd-bubble-1 { width: 42px; height: 42px; left: 9%; bottom: 16%; animation: cgcSdBubble 5s ease-in-out infinite; } .cgc-sd-bubble-2 { width: 24px; height: 24px; right: 18%; top: 21%; background: rgba(232, 245, 255, 0.8); animation: cgcSdBubble 5.5s ease-in-out infinite; } @keyframes cgcSdFloatOne { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-9px) rotate(7deg); } } @keyframes cgcSdCrownFloat { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-8px) rotate(6deg); } } @keyframes cgcSdRibbon { 0%, 100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-9px) rotate(8deg); } } @keyframes cgcSdSparkle { 0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.7; } 50% { transform: scale(1.18) rotate(8deg); opacity: 1; } } @keyframes cgcSdBubble { 0%, 100% { transform: translateY(0); opacity: 0.45; } 50% { transform: translateY(-14px); opacity: 0.85; } } @keyframes cgcSdPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } @media screen and (max-width: 700px) { .cgc-sd-card { padding: 38px 20px; border-radius: 28px; } .cgc-sd-row { padding: 18px 16px; gap: 13px; border-radius: 22px; } .cgc-sd-icon { width: 42px; height: 42px; min-width: 42px; font-size: 19px; } .cgc-sd-row h3 { font-size: 19px; } .cgc-sd-row p { font-size: 14.8px; } .cgc-sd-closing { border-radius: 18px; } } @media screen and (max-width: 480px) { .cgc-strength-dignity { padding: 32px 12px; } .cgc-sd-card { padding: 34px 15px; border-radius: 24px; } .cgc-sd-card h2 { font-size: clamp(35px, 11vw, 50px); } .cgc-sd-subtitle { font-size: 15.5px; line-height: 1.7; } .cgc-sd-floaty-2, .cgc-sd-floaty-3, .cgc-sd-floaty-4, .cgc-sd-floaty-5, .cgc-sd-bubble-2 { display: none; } }
More you might like
Related
Powerpuff girls shoes- Powerpuff girls bling Converse-Girls
Related
Powerpuff girls tutu set-Powerpuff girls outfit-Powerpuff gi
Related
Powerpuff girls tutu set-Powerpuff girls outfit-Powerpuff gi
Related