Wings of Grace
β‘ β¨ π π ποΈ β‘ CHARM MEANING Made New A sweet reminder that God can turn every season of change into something beautiful. β‘ Beautiful Change In Godβs Hands This charm is a gentle rem inder that change does not have to scare you when God is the one shaping your heart, your story, and your next season. ποΈ For The Girl Becoming More Free For the girl becoming softer, stronger, and more free as God transforms her heart. β Scripture Reminder βIf anyone is in Christ, he is a new creation. The old has passed away; behold, the new has come.β π Bible Reference 2 Corinthians 5:17 β‘ Changed by grace. Made new in Christ. β‘ .cgc-made-new, .cgc-made-new * { box-sizing: border-box; } .cgc-made-new { width: 100%; background: #fff8fb; padding: 36px 14px; overflow: hidden; } .cgc-made-new-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-made-new-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-made-new-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-made-new-inner { position: relative; z-index: 3; text-align: center; } .cgc-made-new-eyebrow { margin: 0 0 12px !important; color: #b85f79 !important; font-size: 13px !important; font-weight: 900 !important; letter-spacing: 2px; text-transform: uppercase; } .cgc-made-new-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-made-new-subtitle { max-width: 680px; margin: 0 auto 28px !important; color: #23395f; font-size: 18px; line-height: 1.65; font-weight: 700; } .cgc-made-new-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-made-new-row-pink { background: #fff7fa; border: 1px solid #f2c9d6; } .cgc-made-new-row-blue { background: #f7fbff; border: 1px solid #d8eaf8; } .cgc-made-new-row-white { background: #ffffff; border: 1px solid #f2c9d6; } .cgc-made-new-row-yellow { background: #fffbe7; border: 1px solid #f2e2a3; } .cgc-made-new-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: cgcMadeNewPulse 2.8s ease-in-out infinite; } .cgc-made-new-row-blue .cgc-made-new-icon { background: #e7f5ff; } .cgc-made-new-row-yellow .cgc-made-new-icon { background: #fff4c8; } .cgc-made-new-row h3 { margin: 0 0 8px; color: #001f4e; font-size: 21px; line-height: 1.2; font-weight: 900; } .cgc-made-new-row p { margin: 0; color: #30486f; font-size: 15.8px; line-height: 1.65; font-weight: 600; } .cgc-made-new-row strong { color: #001f4e; font-weight: 900; } .cgc-made-new-verse { color: #7d3e54 !important; font-size: 16.5px !important; font-weight: 800 !important; font-style: italic; } .cgc-made-new-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-made-new-floaties { position: absolute; inset: 0; z-index: 2; pointer-events: none; } .cgc-made-new-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-made-new-floaty-1 { top: 28px; left: 34px; font-size: 25px; animation: cgcMadeNewFloatOne 4s ease-in-out infinite; } .cgc-made-new-floaty-2 { top: 54px; right: 110px; font-size: 22px; animation: cgcMadeNewSparkle 3s ease-in-out infinite; } .cgc-made-new-floaty-3 { top: 28px; right: 42px; font-size: 25px; animation: cgcMadeNewRibbon 4.4s ease-in-out infinite; } .cgc-made-new-floaty-4 { bottom: 36px; right: 42px; font-size: 24px; animation: cgcMadeNewFloatOne 4.2s ease-in-out infinite; } .cgc-made-new-floaty-5 { bottom: 38px; left: 42px; font-size: 24px; animation: cgcMadeNewDoveFloat 4.6s ease-in-out infinite; } .cgc-made-new-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-made-new-bubble-1 { width: 42px; height: 42px; left: 9%; bottom: 16%; animation: cgcMadeNewBubble 5s ease-in-out infinite; } .cgc-made-new-bubble-2 { width: 24px; height: 24px; right: 18%; top: 21%; background: rgba(232, 245, 255, 0.8); animation: cgcMadeNewBubble 5.5s ease-in-out infinite; } @keyframes cgcMadeNewFloatOne { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-9px) rotate(7deg); } } @keyframes cgcMadeNewDoveFloat { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-8px) rotate(6deg); } } @keyframes cgcMadeNewRibbon { 0%, 100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-9px) rotate(8deg); } } @keyframes cgcMadeNewSparkle { 0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.7; } 50% { transform: scale(1.18) rotate(8deg); opacity: 1; } } @keyframes cgcMadeNewBubble { 0%, 100% { transform: translateY(0); opacity: 0.45; } 50% { transform: translateY(-14px); opacity: 0.85; } } @keyframes cgcMadeNewPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } @media screen and (max-width: 700px) { .cgc-made-new-card { padding: 38px 20px; border-radius: 28px; } .cgc-made-new-row { padding: 18px 16px; gap: 13px; border-radius: 22px; } .cgc-made-new-icon { width: 42px; height: 42px; min-width: 42px; font-size: 19px; } .cgc-made-new-row h3 { font-size: 19px; } .cgc-made-new-row p { font-size: 14.8px; } .cgc-made-new-closing { border-radius: 18px; } } @media screen and (max-width: 480px) { .cgc-made-new { padding: 32px 12px; } .cgc-made-new-card { padding: 34px 15px; border-radius: 24px; } .cgc-made-new-card h2 { font-size: clamp(36px, 12vw, 52px); } .cgc-made-new-subtitle { font-size: 15.5px; line-height: 1.7; } .cgc-made-new-floaty-2, .cgc-made-new-floaty-3, .cgc-made-new-floaty-4, .cgc-made-new-floaty-5, .cgc-made-new-bubble-2 { display: none; } }
More you might like
Related
Wings of Grace
Related
Wings of Grace
Related
Wings of Grace
Related