UHPOWERUP

Powering Amateur Radio with DIY Innovation. Your go-to hub for hands-on projects, digital experimentation, and practical guides designed for the modern ham.

Google Fonts Nexa =link= Official

.card-title font-family: 'Nexa', sans-serif; font-weight: 800; font-size: 1.9rem; letter-spacing: -0.02em; margin-bottom: 1rem; color: #F5C542;

// simple CSS keyframes for entrance (if needed) const styleSheet = document.createElement("style"); styleSheet.textContent = ` @keyframes fadeInUp from opacity: 0; transform: translateY(30px); to opacity: 1; transform: translateY(0); .hero-wordmark, .hero-sub, .solid-accent animation: fadeInUp 0.6s ease-out forwards; .hero-sub animation-delay: 0.1s; opacity: 0; animation-fill-mode: forwards; .solid-accent animation-delay: 0.2s; opacity: 0; animation-fill-mode: forwards; .nexa-card animation: fadeInUp 0.5s ease-out; animation-fill-mode: backwards; .nexa-card:nth-child(1) animation-delay: 0.05s; .nexa-card:nth-child(2) animation-delay: 0.15s; .nexa-card:nth-child(3) animation-delay: 0.25s; .solid-quote-block animation: fadeInUp 0.6s ease-out 0.1s backwards; .weight-spectrum animation: fadeInUp 0.5s ease-out 0.2s backwards; `; document.head.appendChild(styleSheet); </script> </body> </html> google fonts nexa

/* ========== GRID: SOLID PIECES OF TYPOGRAPHY ========== */ .section-title font-family: 'Nexa', sans-serif; font-weight: 800; font-size: 2.5rem; margin: 4rem 0 2rem 0; letter-spacing: -0.01em; border-left: 8px solid #F5C542; padding-left: 1.5rem; color: #F0F3FA; .card-title font-family: 'Nexa'

<!-- Additional solid piece: creative demonstration of the word "SOLID" rendered in extreme weight --> <div style="margin: 4rem 0 2rem; background: #00000030; border-radius: 2rem; padding: 1.8rem; text-align: center; border: 1px dashed rgba(245,197,66,0.5);"> <div style="font-family: 'Nexa', sans-serif; font-weight: 800; font-size: clamp(2rem, 8vw, 4rem); letter-spacing: 0.05em; color: #FFFFFF; text-transform: uppercase; background: linear-gradient(130deg, #F5C542 10%, #FFF3CF 90%); background-clip: text; -webkit-background-clip: text; color: transparent;"> SOLID PIECE </div> <div style="font-family: 'Nexa', sans-serif; font-weight: 400; margin-top: 1rem; font-size: 1rem; color: #A9B7E0;"> Nexa embodies the concept of a "solid piece" — monolithic, geometric, and powerful. </div> </div> to opacity: 1