<commit_before>@media screen and (max-width: 1200px) and (min-width: 800px)
  .album-detail
    .info
      max-width: 200px
      h2
        font-size: 1em
      h3
        font-size: .9em
      i.fa-play-circle
        line-height: 200px
        top: 0
    ul.tracks
      margin: 0 0 0 calc(200px + 1em)

@media screen and (max-width:799px)
  .album-detail
    .info
      max-width: 100%
      i.fa-play-circle
        line-height: 1.4
        text-align: left
        left: 0
        bottom: 1.1em
        font-size: 5em
        padding-left: 20px
    ul.tracks
      clear: both
      margin: 1em 0 0 0
      width: 100%
  .content
    margin-left: 0
<commit_msg>Add mobile-friendly styles. Go ahead and try it, decent screen-resizing, etc. Still needs added functionality to reveal left-nav.<commit_after>@media screen and (max-width: 1200px) and (min-width: 800px)
  .album-detail
    .info
      max-width: 200px
      h2
        font-size: 1em
      h3
        font-size: .9em
      i.fa-play-circle
        line-height: 200px
        top: 0
    ul.tracks
      margin: 0 0 0 calc(200px + 1em)

@media screen and (max-width:799px)
  .album-detail
    .info
      max-width: 100%
      i.fa-play-circle
        line-height: 1.4
        text-align: left
        left: 0
        bottom: 1.1em
        font-size: 5em
        padding-left: 20px
    ul.tracks
      clear: both
      margin: 1em 0 0 0
      width: 100%
  .player
    height: 4em
    background: $black
    ul
      width: 100%
      text-align: center
      margin-top: .5em
    progress[value]
      width: calc(100% - 85px)
  .left-column
    display: none
  .middle-column
    margin-left: 50px
    .content
      margin-left: 0
      padding-top: 7em
  .artist-detail, .artist-list
    li
      width: calc(50% - .5em)
      float: left
      &:nth-of-type(even)
        float: right
        margin-right: 0
      img
        height: auto !important
        max-height: 250px
  .collection-nav
    left: 50px
    top: 4em
    width: calc(100% - 50px)
  .album-actions
    position: relative
    i.fa-play-circle
      top: auto
      bottom: 1em
      left: 50%
      margin: 0
      margin-left: -.45em
      position: absolute
    i.fa-plus-circle
      bottom: 2em
      top: auto
    i.fa-download
      bottom: 2em
      top: auto

@media screen and (max-width:486px)

{'fraction_non_alphanumeric': 0.09923339011925042, 'fraction_numerical': 0.056643952299829645, 'mean_word_length': 1.6363636363636365, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6795975', 'n_tokens_mistral': 925, 'n_tokens_neox': 811, 'n_words': 226}