<commit_before>.style-flat
  padding-top: 0

#certificates-view
  background-color: white
  text-align: center
  font-family: 'Open Sans', sans-serif
  margin-left: auto
  margin-right: auto
  width: 11in
  height: 8.5in
  // 792 x 612 pt
  @import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light')
  @import url('https://fonts.googleapis.com/css?family=Spectral')

  @media print
    -webkit-print-color-adjust: exact
    html, body
      height: 100%
      overflow: hidden

  .menu
    position: fixed
    left: 3pt
    top: 2pt

    .btn
      margin-left: 0
      margin-bottom: 10px
      display: block

    @media print
      display: none

  .certificate
    color: black
    position: relative

    .certificate-background
      width: 100%

    h1
      font-family: 'Shadows Into Light', 'Open Sans', sans-serif

    h3, h4
      font-family: 'Open Sans', sans-serif
      text-transform: uppercase

    h3
      font-weight: bold
      font-size: 14pt
      line-height: 40pt

    h4
      font-size: 12pt
      line-height: 30pt

    .certificate-contents
      width: 100%
      height: 100%
      position: absolute
      left: 0
      top: 0
      right: 0
      z-index: 1
      letter-spacing: 1pt

    .certificate-text-container
      width: 7in
      height: 4.5in
      position: absolute
      left: 2in
      top: 2in
      right: 2in
      bottom: 2in
      z-index: 1
      background-color: rgba(255, 255, 255, 0.8) !important

    .logo-img
      margin-top: 1.3in
      z-index: 2
      position: relative
      height: 1.1in

    .certificate-of-completion
      margin-top: 20pt
      word-spacing: 10pt
      
    .course-name
      letter-spacing: 2pt

    .loading-indicator, .student-name
      color: rgb(77, 61, 37)
      text-align: center
      width: 5.3in
      margin-left: 0.85in
      $student-name-size: 48pt
      font-size: $student-name-size
      line-height: $student-name-size
      border-bottom: 2pt solid white
      height: $student-name-size + 2pt

    .loading-indicator
      margin-top: 2in

    .outcome-section
      position: absolute
      text-align: center
      width: 3in

      h3
        line-height: 30pt

      &.code-results
        left: 0.1in

      &.concepts-learned
        left: 4in

      li
        text-transform: uppercase
        font-size: 9pt
        line-height: 18pt

    .hero-pose
      position: absolute
      bottom: 0.75in
      z-index: 2<commit_msg>Don't upper-case bit.ly links to certificates, they need to be lower<commit_after>.style-flat
  padding-top: 0

#certificates-view
  background-color: white
  text-align: center
  font-family: 'Open Sans', sans-serif
  margin-left: auto
  margin-right: auto
  width: 11in
  height: 8.5in
  // 792 x 612 pt
  @import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light')
  @import url('https://fonts.googleapis.com/css?family=Spectral')

  @media print
    -webkit-print-color-adjust: exact
    html, body
      height: 100%
      overflow: hidden

  .menu
    position: fixed
    left: 3pt
    top: 2pt

    .btn
      margin-left: 0
      margin-bottom: 10px
      display: block

    @media print
      display: none

  .certificate
    color: black
    position: relative

    .certificate-background
      width: 100%

    h1
      font-family: 'Shadows Into Light', 'Open Sans', sans-serif

    h3, h4
      font-family: 'Open Sans', sans-serif
      text-transform: uppercase

    h3
      font-weight: bold
      font-size: 14pt
      line-height: 40pt

    h4
      font-size: 12pt
      line-height: 30pt

    .certificate-contents
      width: 100%
      height: 100%
      position: absolute
      left: 0
      top: 0
      right: 0
      z-index: 1
      letter-spacing: 1pt

    .certificate-text-container
      width: 7in
      height: 4.5in
      position: absolute
      left: 2in
      top: 2in
      right: 2in
      bottom: 2in
      z-index: 1
      background-color: rgba(255, 255, 255, 0.8) !important

    .logo-img
      margin-top: 1.3in
      z-index: 2
      position: relative
      height: 1.1in

    .certificate-of-completion
      margin-top: 20pt
      word-spacing: 10pt
      
    .course-name
      letter-spacing: 2pt

    .loading-indicator, .student-name
      color: rgb(77, 61, 37)
      text-align: center
      width: 5.3in
      margin-left: 0.85in
      $student-name-size: 48pt
      font-size: $student-name-size
      line-height: $student-name-size
      border-bottom: 2pt solid white
      height: $student-name-size + 2pt

    .loading-indicator
      margin-top: 2in

    .outcome-section
      position: absolute
      text-align: center
      width: 3in

      h3
        line-height: 30pt

      &.code-results
        left: 0.1in

      &.concepts-learned
        left: 4in

      li
        text-transform: uppercase
        font-size: 9pt
        line-height: 18pt

        a
          text-transform: none

    .hero-pose
      position: absolute
      bottom: 0.75in
      z-index: 2
{'fraction_non_alphanumeric': 0.09762900976290098, 'fraction_numerical': 0.04184100418410042, 'mean_word_length': 1.8361581920903955, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '656654', 'n_tokens_mistral': 1888, 'n_tokens_neox': 1626, 'n_words': 426}