<commit_before>@charset "UTF-8";
$break-small:50px;
$break-large:500px;

@media only screen and (min-width: $break-small) and (max-width: $break-large){

  body{
    background-image: none;

    .page{
        background-color: #fff;
    }

    header{
      height: 100px;
      background: url(personal-website-pic-small.png) no-repeat right 0px;
      background-size: 490px 90px;
      background-color: #fff;
    }

    article{
      padding: 20px 20px 10px 20px;
    }

    nav{
      position: static;
      padding: 10px 0px 10px 0px;
      background-color: #515673;

      /*mobile link buttons*/
      a{
        color: #a6abc5;
        display: block;
        margin: 15px;
        padding: 9px;
        border: 1px solid #a6ab65;
        background: url(mobile_link_arrow.png) no-repeat right center;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        -border-radius: 12px;
      }

      a:hover{
        color: #fff;
        background-color: rgba(255,255,255,.15);
      }
    }

    .spartan{
      width: 345px;
      padding-left : 10px;
      background-image: url(spartan-helmet.png) no-repeat;
    }

    #about-me{
      height: 290px;
      padding-bottom: 100px;
    }

    .promo-container{

      padding: 0px;
      position: relative;
      .promo{
        width: auto;
        float: none;
        padding: 10px 0px 0px 0px;
        border-top: 1px solid #ccc;

        .content{
          padding: 0px 20px 5px 90px;
        }
      }
    }

    footer{
      border-top: 1px solid #a6abc5;

    }
  }

}<commit_msg>Format about me container with new background<commit_after>@charset "UTF-8";
$break-small:50px;
$break-large:500px;

@media only screen and (min-width: $break-small) and (max-width: $break-large){

  body{
    background-image: none;

    .page{
        background-color: #fff;
    }

    header{
      height: 100px;
      background: url(personal-website-pic-small.png) no-repeat right 0px;
      background-size: 490px 100px;
      background-color: #fff;
    }

    nav{
      position: static;
      padding: 10px 0px 10px 0px;
      background-color: #515673;

      /*mobile link buttons*/
      a{
        color: #a6abc5;
        display: block;
        margin: 15px;
        padding: 9px;
        border: 1px solid #a6ab65;
        background: url(mobile_link_arrow.png) no-repeat right center;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        -border-radius: 12px;
      }

      a:hover{
        color: #fff;
        background-color: rgba(255,255,255,.15);
      }
    }


    #about-me{
      height: 390px;
      padding-top: 0px;
      background-color: #e6e6e6;

      .about-me-container{

     /*  padding: 30px 10px 0px 10px;*/
      }
    }

    .promo-container{

      padding: 0px;
      position: relative;
      .promo{
        width: auto;
        float: none;
        padding: 10px 0px 0px 0px;
        border-top: 1px solid #ccc;

        .content{
          padding: 0px 20px 5px 90px;
        }
      }
    }

    footer{
      border-top: 1px solid #a6abc5;

    }
  }

}
{'fraction_non_alphanumeric': 0.11872586872586872, 'fraction_numerical': 0.055341055341055344, 'mean_word_length': 1.7983798379837983, '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': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '980591', 'n_tokens_mistral': 1238, 'n_tokens_neox': 1054, 'n_words': 246}