Powering Through 2025: GridBeyond Reads

/* Fixed full-page background with 50% transparency */ body { margin: 0; padding: 0; position: relative; font-family: “Segoe UI”, sans-serif; color: #1c1463; overflow-x: hidden; } /* Create a pseudo-element overlay for the background image */ body::before { content: “”; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(“https://gridbeyond.com/app/uploads/2025/11/Background-v2-scaled.png”) no-repeat center center fixed; background-size: cover; opacity: 0.5; /* 👈 50% transparency */ z-index: -1; /* Keep it behind all content */ } /* Main container */ .library-container { max-width: 1200px; margin: 40px auto 60px auto; background: rgba(249, 249, 249, 0.95); border-radius: 12px; padding: 40px 20px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); } /* Header */ .library-header { position: relative; text-align: center; padding: 60px 20px; border-radius: 12px; margin-bottom: 50px; overflow: hidden; background: #1c1463; } /* Energy line-art icons */ .library-header::before { content: “”; position: absolute; top: -20px; left: -20px; width: 150%; height: 150%; background: url(“https://i.ibb.co/QvD5B8s/energy-lineart-icons.png”) no-repeat center; background-size: contain; opacity: 0.08; z-index: 1; } .library-header h1, .library-header p { position: relative; z-index: 2; color: #ffffff; } /* Keep your remaining styles unchanged… */