/******* STYLE ***********/
/*  colors, size, fonts  */

song {
    font-family:    serif;
    font-size:      inherit;  /* 16pt */
}
song section {
    padding-bottom: 0.7ex;
    padding-left:   1ex;
    padding-right:  1ex;
}
song section.pre {
    font-family:    monospace;
}
song h3 {
    color:          #6dbacf;
    font-size:      80%;
    margin:         0;
    position:       relative;
        top:        0.8ex;
}
song v {
    height:         1.2em;
    color:          #100060;
}
song blk:first-of-type v {
    font-style:     italic;
    color:          #008090;

    padding-right:  1ex;
    font-size:      60%;
    height:         1.6em;
    line-height:    2em;
}
song blk.bar:before {
    border-left:   solid 1px #aaa;
    content:        '';

    position:       absolute;
    height:         80%;
    top:            0.6rem;
    width:           0;
}
song v.chords {
    color:          #c63600;
    font-family:    sans;
    font-weight:    bold;

    font-size:      70%;
    padding-right:  1ex;
    position:       relative;
        top:        0.3em;
}

song section {
    background:     #ffffff;
    background: linear-gradient(170deg, #f0f0f0 0%, #ffffff 50%);
}

song .i,
song .intro,
song .interlude,
song .mellanspel,
song .s,
song .solo,
song .tab,
song .tabs {
    background:     #f6f6ff;
    background: linear-gradient(170deg, #e6e6ff 0%, #ffffff 90%);
}
song .tab v,
song .tabs v {
    white-space:    pre-line;
    font-family:    monospace;
    font-size:      80%;
}

song .r,
song .ref,
song .refrain,
song .refräng,
song .chorus,
song .c {
    background:     #fff0f0;
    background: linear-gradient(170deg, #ffe6e6 0%, #ffffff 90%);
}

/******** LAYOUT *********/
song {
    text-align:     left;
}
song phrase {
    display:        flex;
    flex-direction: down;
}
song blk {
    position:       relative;
    flex-shrink:    0;
}
song v {
    white-space:    pre;
    display:        block;
}