<commit_before>/**
max-width: 640px;
max-height: 960px;
**/
@media (max-width: 767px) {

  .cbp_tmlabel {                     /*blue boxes*/  /*yuiblog.com/blog/2010/11/22/css-quick-tip-css-arrows-and-shapes-without-markup/*/
    background-color:  #47a3da;
    border-radius: 5px;
    margin: 50px;
    box-sizing: content-box;
    position: relative;
  }

  .cbp_tmlabel::after, .cbp_tmlabel::before {
  	bottom: 100%;
  	left: 50%;
  	border: solid transparent;
  	content: " ";
  	height: 0;
  	width: 0;
  	position: absolute;
  	pointer-events: none;
  }

  .cbp_tmlabel::after {
  	border-color: rgba(71, 163, 218, 0);
  	border-bottom-color: #47a3da;
  	border-width: 10px;
  	margin-left: -91px;
  }
  .cbp_tmlabel::before {
  	border-color: rgba(71, 163, 218, 0);
  	border-bottom-color: #47a3da;
  	border-width: 10px;
  	margin-left: -91px;
  }

  li:nth-child(odd) .cbp_tmlabel::after {     /*every other blue caret*/    /*https://css-tricks.com/how-nth-child-works/*/
    border-right-color: #247cb1;
  }

  li:nth-child(odd) .cbp_tmlabel::before {     /*every other blue caret*/    /*https://css-tricks.com/how-nth-child-works/*/
    border-right-color: #247cb1;
  }

  time > span:nth-child(2) {        /*time specific styling*/
    font-size: 18pt;

  }

  h1 {                      /*Vertical Timeline Heading*/
    font-size: 14pt;
  }

  p {
    font-size: 12pt;
  }

}
<commit_msg>not sure what is going on here<commit_after>@media (min-width: 1224px) {
  ul.cbp_tmtimeline::before {
    /*Vertical Line*/
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    height: 2096px;
    background: #afdcf8;
    left: 20%;
    margin-top: 138px;
    margin-left: -10px;
  }
  .cbp_tmlabel::after, .cbp_tmlabel::before {
    /*caret*/
    right: 100%;
    top: 9%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  .cbp_tmlabel::after {
    /*caret*/
    border-color: rgba(71, 163, 218, 0);
    border-right-color: #47a3da;
    border-width: 10px;
    margin-top: -10px;
  }
  .cbp_tmlabel::before {
    /*caret*/
    border-color: rgba(71, 163, 218, 0);
    border-right-color: #47a3da;
    border-width: 10px;
    margin-top: -10px;
  }
  li:nth-child(odd) .cbp_tmlabel::after {
    /*every other blue caret*/
    /*https://css-tricks.com/how-nth-child-works/*/
    border-right-color: #247cb1;
  }
  li:nth-child(odd) .cbp_tmlabel::before {
    /*every other blue caret*/
    /*https://css-tricks.com/how-nth-child-works/*/
    border-right-color: #247cb1;
  }
  time > span:nth-child(2) {
    /*time specific styling*/
    font-size: 28pt;
  }
  h1 {
    /*Vertical Timeline Heading*/
    font-size: 30pt;
  }
  p {
    font-size: 12pt;
  }
}

{'fraction_non_alphanumeric': 0.1672661870503597, 'fraction_numerical': 0.05467625899280575, 'mean_word_length': 2.4122699386503066, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '2115449', 'n_tokens_mistral': 1252, 'n_tokens_neox': 1113, 'n_words': 208}