.sm2-bar-ui {
    font-size: 20px;
  }

  .sm2-bar-ui.compact {
    max-width: 90%;
  }

  .sm2-progress .sm2-progress-ball {
    width: .5333em;
    height: 1.9333em;
    border-radius: 0em;
  }

  .sm2-progress .sm2-progress-track {
    height: 0.15em;
    background: white;
  }

  .sm2-bar-ui .sm2-main-controls,
  .sm2-bar-ui .sm2-playlist-drawer {
    background-color: transparent;
  }

  .sm2-bar-ui .sm2-inline-texture {
    background: transparent;
  }

  .rating .glyphicon-star {
    color: gray;
  }

  .rating .glyphicon-star.good {
    color: white;
  }

  body {
    overflow: hidden;
    background: #272B30;
    color: #aaa;
  }

  #main {
    position: absolute;
    width: 100%;
    height: 100%;
  }

  #area {
    width: 80%;
    height: 80%;
    margin: 5% auto;
    max-width: 1250px;
  }

  #area iframe {
    border: none;
  }

  #prev {
    left: 40px;
  }

  #next {
    right: 40px;
  }

  .arrow {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    font-size: 64px;
    color: #E2E2E2;
    font-family: arial, sans-serif;
    font-weight: bold;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

  .arrow:hover {
    color: #777;
  }

  .arrow:active {
    color: #000;
  }

  xmp,
  pre,
  plaintext {
    display: block;
    font-family: -moz-fixed;
    white-space: pre;
    margin: 1em 0;
  }

  #area {
    overflow: hidden;
  }

  pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: -moz-fixed;
    column-count: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 20px;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    position: relative;
  }