@import url(common.css);

body > span.body {
    align-self: stretch;
    -webkit-align-self: stretch;
    flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap; /* Safari 6.1+ */
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
    align-items: stretch;
    -webkit-align-items: stretch; /* Safari 7.0+ */
}

body > span.body > span.title {
    font-size: 1.5em;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.15);
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
    align-items: center;
    -webkit-align-items: center; /* Safari 7.0+ */
    padding: 0.1em;
}

body > span.body > span.songs {
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap; /* Safari 6.1+ */
    justify-content: center;
    -webkit-justify-content: center; /* Safari 6.1+ */
}

body > span.body > span.songs > span.band {
    margin: 0.25em;
    padding: 0.5em;
    width: 13em;
    background-color: rgba(0, 0, 0, 0.5);
    flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap; /* Safari 6.1+ */
    justify-content: flex-start;
    -webkit-justify-content: flex-start; /* Safari 6.1+ */
    align-items: center;
    -webkit-align-items: center; /* Safari 7.0+ */
}

body > span.body > span.songs > span.band > span.name {
    font-weight: bold;
    order: 1;
    -webkit-order: 1;
}

body > span.body > span.songs > span.band > span.song {
    order: 2;
    -webkit-order: 2;
}