html { font-size: 16px; } /* 1rem baseline */ body { margin: 1rem; font-family: Arial, sans-serif; background-color: #222; /* new site-wide background */ color: #fff; /* new site-wide text color */ font-size: 1rem; /* 16px via rem */ line-height: 1.6; } a { color: #CA5FF5; } .skip-link { position: absolute; top: -40px; left: 0; background: #000; color: #fff; padding: 0.5rem 1rem; z-index: 100; text-decoration: none; } .skip-link:focus { top: 0; outline: 2px solid var(--accent-color); } .sticky-header { position: sticky; top: 0; z-index: 9999; background: #000000; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 2px 4px; border-bottom: 1px solid #ddd; } /* Left side */ .header-left { display: flex; align-items: center; gap: .5rem; padding: 5px; } #menuToggle { cursor: pointer; height: 60px; display: flex-start; align-items: center; } input { background-color: #333; color: #fff; border: 1px solid #ccc; padding: 3px; } input::placeholder { color: #eee; opacity: 1; } /* Dropdowns always flex */ .bible-dropdown { display: flex; gap: 3px; } /* Dropdown styling */ select { display: block; padding: 2px; background: #333; color: #fff; } /* Audio player */ #globalAudioPlayer { filter: invert(90%) hue-rotate(180deg); background-color: #121212; /* Prevents white flashes/borders in some browsers */ border-radius: 30px; /* Keeps the native rounded look clean */ height: 25px; width: 175px; } .header-right { display: flex; align-items: center; gap: .5rem; padding: 5px; } /* Search bar */ .bible-search-form { display: flex; align-items: center; justify-content: center; width: 275px; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* --- DESKTOP STYLES (769px and up) --- */ @media (min-width: 769px) { .mission-content, .contact-grid, .footer-content { flex-direction: row; align-items: flex-start; } } /* --- MOBILE STYLES (768px and down) --- */ /* --- MOBILE STYLES (768px and down) --- */ @media (max-width: 768px) { .sticky-header { flex-direction: column; /* Forces header-left and header-right to stack vertically */ align-items: center; padding: 1rem 0.5rem; gap: 1rem; } .header-left, .header-center, .header-right { width: 100%; /* Allows sections to utilize full width if needed */ justify-content: center; padding: 0; /* Reset desktop padding to keep it clean */ } } /* Continue banner */ .continue-banner { display: flex; background: #333333; color: #ffffff; border-bottom: 1px solid #c8ddff; padding: 10px 14px; font-size: 1em; cursor: pointer; } .continue-banner:hover { background: #222222; } .hdg { color: #8BBEF5; font-size: 1.6rem; } .reftext { position: relative; top: -0.5em; font-size: 0.8em; color: #EB6880; } .fn a { color: #cad; } .cross1 a { color: #CA5FF5; } .hero-content { max-width: 800px; } .hero-content { max-width: 800px; } .hero-buttons { border-radius: 14px; margin-top: 20px; display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; } .btn { border-radius: 14px; padding: 14px 22px; border-radius: 6px; text-decoration: none; font-weight: bold; font-size: 1.1rem; display: inline-block; transition: 0.2s ease; outline: none; } /* Optional: spacing between buttons */ .cta-button + .cta-button { margin-left: 20px; } .hero-content { animation: fadeIn 0.8s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .side-menu{ position: fixed; top: 80px; /* add units */ left: -280px; /* hide off-canvas */ width: 200px; /* adjust in media query if needed */ height: 100%; background: #000; padding: 20px; transition: left 0.3s ease; z-index: 9998; } .side-menu.open{ left: 0; } .side-menu a{ display: block; padding: 12px 0; text-decoration: none; color: #fff; font-size: 1em; } /* Mobile layout */ @media (max-width: 600px){ .side-menu{ width: 75vw; /* scales with screen */ left: -75vw; /* hide completely off-canvas */ padding: 16px; } .side-menu a{ font-size: 1rem; /* optional: ensure readable */ } }

Psalms 128

The Blessed Fear of the LORD
(Psalm 112:1–10)

A song of ascents.

1Blessed are all who fear the LORD,

who walk in His ways!

2For when you eat the fruit of your labor,

blessings and prosperity will be yours.

3Your wife will be like a fruitful vine

flourishing within your house,

your sons like olive shoots

sitting around your table.

4In this way indeed shall blessing come

to the man who fears the LORD.

5May the LORD bless you from Zion,

that you may see the prosperity of Jerusalem

all the days of your life,

6that you may see

your children’s children.

Peace be upon Israel!