body {
  font-family: 'Source Code Pro', 'source-code-pro', 'Conso', Courier New, monospace, sans-serif;
  font-size: 13px;
  background-color: #333544;
  color: #fff; }

.jp-playlist {
  margin-bottom: 10em; }

.jp-playlist ol li {
  font-size: 12px; }

.playlist li {
  float: none;
  margin-left: 10px;
  margin-top: 1em; }

.jp-current-time, .jp-duration {
  color: #edfaa2; }

.selected {
  display: block; }

.player .selected a,
.player .selected a:link,
.player .selected a:visited,
.player .selected a:hover,
.player .selected a:focus,
.player .selected a:active {
  color: #72dc94; }

.player a,
.player a:link,
.player a:visited,
.player a:hover,
.player a:focus,
.player a:active {
  color: #96cbfe; }

.player ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
  overflow: hidden; }

.player .selected li {
  float: left;
  margin-right: 1em; }

.player .copyright {
  margin-bottom: 2em;
  font-size: 10px; }

.player .selected .copyright a {
  color: #ec007c; }

div.jp-type-playlist div.jp-playlist li.jp-playlist-current a {
  color: #edfaa2; }

.column {
  -webkit-column-width: auto;
  -moz-column-width: auto;
  column-width: auto;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em; }

.container {
  width: 100%; }

.line {
  color: #ec007c;
  max-height: 20px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  float: left;
  white-space: nowrap; }

.line > p {
  display: inline-block; }

.player {
  white-space: nowrap;
  overflow: hidden; }

.bottom {
  position: fixed;
  bottom: 0; }

@media screen and (max-width: 568px) {
  .column {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0em;
    -moz-column-gap: 0em;
    column-gap: 0em; } }

/*# sourceMappingURL=index.css.map */