Headphones
β‘ β¨ π π π§ β‘ CHARM MEANING Tuned In A sweet little reminder to tune out the noise and stay locked in on what God put in front of you. π§ Tune Out The Noise This charm is a gentle rem inder to quiet the distractions, protect your peace, and stay focused on what God has placed in your hands. βοΈ For The Girl In Her Own World For the girl whoβs in her worship playlist, gym playlist, gaming era, or just needs a little peace in her own world. β Scripture Reminder βBe still, and know that I am God.β π Bible Reference Psalm 46:10 β‘ Tune out the noise. Be still. Stay close to God. β‘ .cgc-tuned-in, .cgc-tuned-in * { box-sizing: border-box; } .cgc-tuned-in { width: 100%; background: #fff8fb; padding: 36px 14px; overflow: hidden; } .cgc-ti-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-ti-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-ti-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-ti-inner { position: relative; z-index: 3; text-align: center; } .cgc-ti-eyebrow { margin: 0 0 12px !important; color: #b85f79 !important; font-size: 13px !important; font-weight: 900 !important; letter-spacing: 2px; text-transform: uppercase; } .cgc-ti-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-ti-subtitle { max-width: 680px; margin: 0 auto 28px !important; color: #23395f; font-size: 18px; line-height: 1.65; font-weight: 700; } .cgc-ti-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-ti-row-pink { background: #fff7fa; border: 1px solid #f2c9d6; } .cgc-ti-row-blue { background: #f7fbff; border: 1px solid #d8eaf8; } .cgc-ti-row-white { background: #ffffff; border: 1px solid #f2c9d6; } .cgc-ti-row-yellow { background: #fffbe7; border: 1px solid #f2e2a3; } .cgc-ti-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: cgcTiPulse 2.8s ease-in-out infinite; } .cgc-ti-row-blue .cgc-ti-icon { background: #e7f5ff; } .cgc-ti-row-yellow .cgc-ti-icon { background: #fff4c8; } .cgc-ti-row h3 { margin: 0 0 8px; color: #001f4e; font-size: 21px; line-height: 1.2; font-weight: 900; } .cgc-ti-row p { margin: 0; color: #30486f; font-size: 15.8px; line-height: 1.65; font-weight: 600; } .cgc-ti-row strong { color: #001f4e; font-weight: 900; } .cgc-ti-verse { color: #7d3e54 !important; font-size: 16.5px !important; font-weight: 800 !important; font-style: italic; } .cgc-ti-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-ti-floaties { position: absolute; inset: 0; z-index: 2; pointer-events: none; } .cgc-ti-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-ti-floaty-1 { top: 28px; left: 34px; font-size: 25px; animation: cgcTiFloatOne 4s ease-in-out infinite; } .cgc-ti-floaty-2 { top: 54px; right: 110px; font-size: 22px; animation: cgcTiSparkle 3s ease-in-out infinite; } .cgc-ti-floaty-3 { top: 28px; right: 42px; font-size: 25px; animation: cgcTiRibbon 4.4s ease-in-out infinite; } .cgc-ti-floaty-4 { bottom: 36px; right: 42px; font-size: 24px; animation: cgcTiFloatOne 4.2s ease-in-out infinite; } .cgc-ti-floaty-5 { bottom: 38px; left: 42px; font-size: 24px; animation: cgcTiHeadphonesFloat 4.6s ease-in-out infinite; } .cgc-ti-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-ti-bubble-1 { width: 42px; height: 42px; left: 9%; bottom: 16%; animation: cgcTiBubble 5s ease-in-out infinite; } .cgc-ti-bubble-2 { width: 24px; height: 24px; right: 18%; top: 21%; background: rgba(232, 245, 255, 0.8); animation: cgcTiBubble 5.5s ease-in-out infinite; } @keyframes cgcTiFloatOne { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-9px) rotate(7deg); } } @keyframes cgcTiHeadphonesFloat { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-8px) rotate(6deg); } } @keyframes cgcTiRibbon { 0%, 100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-9px) rotate(8deg); } } @keyframes cgcTiSparkle { 0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.7; } 50% { transform: scale(1.18) rotate(8deg); opacity: 1; } } @keyframes cgcTiBubble { 0%, 100% { transform: translateY(0); opacity: 0.45; } 50% { transform: translateY(-14px); opacity: 0.85; } } @keyframes cgcTiPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } @media screen and (max-width: 700px) { .cgc-ti-card { padding: 38px 20px; border-radius: 28px; } .cgc-ti-row { padding: 18px 16px; gap: 13px; border-radius: 22px; } .cgc-ti-icon { width: 42px; height: 42px; min-width: 42px; font-size: 19px; } .cgc-ti-row h3 { font-size: 19px; } .cgc-ti-row p { font-size: 14.8px; } .cgc-ti-closing { border-radius: 18px; } } @media screen and (max-width: 480px) { .cgc-tuned-in { padding: 32px 12px; } .cgc-ti-card { padding: 34px 15px; border-radius: 24px; } .cgc-ti-card h2 { font-size: clamp(36px, 12vw, 52px); } .cgc-ti-subtitle { font-size: 15.5px; line-height: 1.7; } .cgc-ti-floaty-2, .cgc-ti-floaty-3, .cgc-ti-floaty-4, .cgc-ti-floaty-5, .cgc-ti-bubble-2 { display: none; } }
More you might like
Related
CRILSTYLEO 1 Set of Silicone Dyeing Headphones, Sunstroke He
Related
Shure headphones SHURE SRH240A-BK-A Closed headphones Shure
Related
Shure Headphones SHURE SRH840A-A SRH840A Professional Studio
Related