body {
    font-family: 'Open Sans', sans-serif;
    padding: 20px 40px;
}

.layout {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}
.song-list {
    flex: 0 0 auto;
    min-width: 20rem;
}
.lyrics-panel {
    flex: 1 1 auto;
    position: sticky;
    top: 1rem;
    line-height:1.6em;
}
.lyrics-panel .placeholder {
    color: #888;
}
.lyrics-panel h2 {
    margin-top: 0;
}
.lyrics-panel pre {
    font-family: inherit;
    white-space: pre-wrap;
    margin: 0;
}
ul { list-style-type: none;}
ul li { margin-bottom:0.4rem; }
.pb1 {
    padding-bottom: 0.6rem;
}
a { color: #ff5e00;}

a.yt {
    font-size: 0.8rem;
    background-color: #ff5e00;
    color:white;
    text-decoration: none;
    padding: 0.1rem 0.4rem;
}
a.song-link {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
a.song-link:hover,
a.song-link.active {
    color: #ff5e00;
}
.lyrics-icon {
    font-size: 0.85rem;
}

h1 a { color: inherit; text-decoration:none; }