.card-body p color: #4b3f32; margin-bottom: 1rem; font-size: 0.95rem;
@media (max-width: 680px) body padding: 1rem; .hero h1 font-size: 2.2rem; .hero h1 span font-size: 1.4rem; padding: 0 8px; .content padding: 1.5rem; .intro-card padding: 1rem; .resources-grid gap: 1.2rem;
.hero h1 span background: #f4c542; padding: 0 12px; border-radius: 60px; font-size: 2rem; display: inline-block; vertical-align: middle; margin-left: 10px; color: #2c1e12; text-shadow: none; box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
.intro-card p font-size: 1.05rem; color: #2d2a24; margin-bottom: 0.8rem; kalinka sheet music pdf
<!-- Card 5: Violin & String Duet --> <div class="resource-card"> <div class="card-header"> <h3><span class="instrument-icon">🎻</span> Violin / String Duet</h3> </div> <div class="card-body"> <div class="pdf-badge">🎻 Two violins + piano accompaniment</div> <p>Traditional arrangement for string ensemble. Suitable for recitals and ensemble practice. From a public domain collection of Russian folk tunes.</p> <a href="https://musopen.org/sheetmusic/15317/kalinka/" class="btn" target="_blank" rel="noopener noreferrer">🎻 Musopen: Kalinka PDF →</a> <p style="margin-top: 10px; font-size: 0.75rem;">🎧 Also includes MP3 recording for reference</p> </div> </div>
.pdf-badge background: #e5f0e8; display: inline-block; padding: 0.2rem 0.7rem; border-radius: 30px; font-family: monospace; font-size: 0.75rem; font-weight: bold; color: #2b6e3c; margin-bottom: 0.8rem;
.hero background: #9b2e2e; background-image: radial-gradient(circle at 10% 20%, rgba(220, 70, 50, 0.2) 2%, transparent 2.5%), radial-gradient(circle at 85% 70%, rgba(255, 210, 90, 0.15) 1.8%, transparent 2%); background-size: 48px 48px, 32px 32px; padding: 2rem 2rem 1.8rem; text-align: center; border-bottom: 6px solid #f4c542; Perfect for folk ensembles and soloists
<h2 style="font-size: 1.7rem; margin-bottom: 0.5rem; color:#482e1e;">📄 Direct PDF Resources</h2> <p style="margin-bottom: 1rem; color:#5d4a36;">Click any button to open the PDF directly or visit the source page for more versions.</p>
.resource-card:hover transform: translateY(-5px); box-shadow: 0 20px 28px -14px rgba(0, 0, 0, 0.2); border-color: #d9b48b;
<!-- Card 6: Balalaika / Guitar TAB + Standard --> <div class="resource-card"> <div class="card-header"> <h3><span class="instrument-icon">🎸</span> Balalaika / Guitar</h3> </div> <div class="card-body"> <div class="pdf-badge">🎵 Russian 7-string guitar & Balalaika</div> <p>Authentic transcription for prima balalaika and classical guitar (standard notation + TAB). Perfect for folk ensembles and soloists. Provided by Russian folk archive.</p> <a href="https://www.balalaika.org/sheetmusic/kalinka.html" class="btn" target="_blank" rel="noopener noreferrer">🎶 Download Balalaika PDF →</a> <p style="margin-top: 10px; font-size: 0.75rem;">☑️ Includes chord diagrams and playing tips</p> </div> </div> </div> 🎶 Download Balalaika PDF →<
.badge-group display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1rem;
.card-header h3 i font-size: 1.7rem;