<commit_before>video {
  display: block;
  width: 100%;
  height: auto;
}
body{
  background: #8040A0;
  margin: 0;
}
.videoSection{
  width:50%;
  height: auto;
  background: #aaccdd;
  float:left;
  border-style: solid;
  border-width: 10px 10px 20px 10px;
  border-radius:15px;
  border-color:#420D5D;
}
.productInfo {
  color:white;
  width:40%;
  float:left;
  margin: 100px 0 0 40px;
}
.container{
  /*height:300px;*/
  max-width: 700px;
  margin: 50px auto 0 auto;
}
h1{
  font-size: 100px;
  margin:0;
  padding:0;
  font-family: 'Nunito', sans-serif;
}
p{
  font-size: 30px;
  margin:0;
  padding:0;
  font-family: 'Nunito', sans-serif;
}
@media (max-width: 700px){
  .productInfo{
    width:85%;
    float:none;
    margin: 20px auto;
    padding: 20px;
    text-align:center;
  }
  .videoSection{
    float:none;
    width:60%;
    margin: 0 auto;
  }
  .container{
    margin: 20px 0 0 0;
  }
  body{
  }
}
@media (max-device-width: 320px)
 and (-webkit-min-device-pixel-ratio: 2)
{
  .productInfo{
    width:85%;
    float:none;
    margin: 20px auto;
    padding: 20px;
    text-align:center;
  }
  .videoSection{
    float:none;
    width:60%;
    margin: 0 auto;
  }
  .container{
    margin: 20px 0 0 0;
  }
  body{
  }
}
<commit_msg>responsive test<commit_after>video {
  display: block;
  width: 100%;
  height: auto;
}
body{
  background: #8040A0;
  margin: 0;
}
.videoSection{
  width:50%;
  height: auto;
  background: #aaccdd;
  float:left;
  border-style: solid;
  border-width: 10px 10px 20px 10px;
  border-radius:15px;
  border-color:#420D5D;
}
.productInfo {
  color:white;
  width:40%;
  float:left;
  margin: 100px 0 0 40px;
}
.container{
  /*height:300px;*/
  max-width: 700px;
  margin: 50px auto 0 auto;
}
h1{
  font-size: 100px;
  margin:0;
  padding:0;
  font-family: 'Nunito', sans-serif;
}
p{
  font-size: 30px;
  margin:0;
  padding:0;
  font-family: 'Nunito', sans-serif;
}
@media (max-width: 700px){
  .productInfo{
    width:85%;
    float:none;
    margin: 20px auto;
    padding: 20px;
    text-align:center;
  }
  .videoSection{
    float:none;
    width:60%;
    margin: 0 auto;
  }
  .container{
    margin: 20px 0 0 0;
  }
  body{
  }
}

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
      .productInfo{
    width:85%;
    float:none;
    margin: 20px auto;
    padding: 20px;
    text-align:center;
  }
  .videoSection{
    float:none;
    width:60%;
    margin: 0 auto;
  }
  .container{
    margin: 20px 0 0 0;
  }
  body{
  }

}

{'fraction_non_alphanumeric': 0.15033190160093712, 'fraction_numerical': 0.06989457243264349, 'mean_word_length': 2.7843426883308715, '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': '2055125', 'n_tokens_mistral': 1216, 'n_tokens_neox': 1063, 'n_words': 237}