body { 
    background: black;
    color: white;
    font-family: sans-serif;
}
h1 {
    margin: 0;
}

a {
color: rgb(97, 97, 255);

    }

.songs {
    -moz-column-width:205px;
    -webkit-column-width:205px;
}
.songs button {
    display: inline-block;
    width: 200px;
    height: 50px;
    text-align: left;
    background: black;
    color: white;
    margin: 2px;
    font-size: 115%;
}
button a {
    color: white;
}
.songs button:hover {
    color: black;
    background: #333;
}

.commands button {
    background: black;
    color: white;
    padding: 20px
}
.commands button.active {
    background: #1C4054;
}
.key {
    color: #888;
}
.currentSong button {
    background: #55A5C9;
}
.timeRow {
    margin: 14px;
}
.stalled {
    opacity: .5;
}
.num {
    font-size: 27px;
    color: rgb(233, 122, 122);
    display: inline-block;
    padding: 10px
}

.dropTarget {
    padding: 10px 5px;
    border: 2px dashed gray;
    font-style: italic;
    color: rgb(78, 90, 107);
}
.dropTarget:hover {
    background: #1F1F0D;
}
.twoColList {
    -webkit-column-width: 24em;
}
.twoColList > li {
    margin-bottom: 13px;
}

.song {
    color: rgb(85, 221, 85);
}
.song:before {

    content: "♫";
    color: black;
    background: rgb(85, 221, 85);
    border-radius: 30%;
}

.effect:before {
    content: "⛖";
}

.song:before, .effect:before {
    margin-right: 3px;
    text-decoration: none !important;
    font-size: 140%;

}