<commit_before>body {
    font-family: 'Roboto', sans-serif;
    color: black;;
    background-color: #FFFFF;
    font-size: 15px;
    margin: 0.5em;
}

.event {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    overflow: auto;
}


.pre_title, .post_title {
    font-weight: 500;
    display: block;
    text-transform: none;
    font-size: 0.6em;
    line-height: 1.2;
}

h1 {
    font-weight: 500;
    font-size: 1.8em;
    line-height: 1.1;
    margin: 0;
    text-transform: uppercase;
}
h1 a {
    text-decoration: none;
    color: black;
}
h1 a:visited {
    color: black;
}

.showings {
    font-weight: 400;
    font-size: 1em;
    line-height: 1.2;
}
.info {
    font-weight: 300;
    font-size: 1em;
    line-height: 1.2;
}

.copy p {
    font-weight: 300;
    font-size:     1em;
    line-height: 1.2;
    padding: 0.5em 0.5em 0.5em 0;
    margin: 0;
}
.copy p a {
    text-decoration: underline;
    color: black;
}
.copy p a:visited {
    color: black;
}

.event img {
    border: none;
    float: left;
    padding-right: 1.5em;
    width: 100%;
    height: auto;
}

.event iframe {
    max-width: 100%;
}

div.sold_out::before {
    /* If entire event series is sold out */
    content: "SOLD OUT";
    text-decoration: none;
    color: black;
    background-color: white;
    border: thin solid lightgray;
    opacity: 0.9;

    font-size: 3em;
    display: inline-block;
    position: absolute;
    left: 20%;
    top: 140px;
    margin: 0;
    padding: 0 0.15em;
    border-radius: 0.2em;
    transform: rotate(-15deg);
    transform-origin: 0 50%;
    -webkit-transform: rotate(-15deg);
    -webkit-transform-origin: 0 50%;
}

div.cancelled::before {
    /* If entire event series is cancelled */
    content: "CANCELLED (sorry)";
    text-decoration: none;
    color: red;
    background-color: white;
    border: thin solid lightgray;
    opacity: 0.9;

    font-size: 3em;
    display: inline-block;
    position: absolute;
    left: 30%;
    margin: 0;
    padding: 0 0.15em;
    border-radius: 0.2em;
    transform: rotate(15deg);
    transform-origin: 0 50%;
    -webkit-transform: rotate(15deg);
    -webkit-transform-origin: 0 50%;
}

p span.cancelled {
    color: red;
}

p span.sold_out {
    font-weight: bold;
}

.footer {
    border-top: thin dotted black;
    margin: auto;
     width: 90%;
}
.footer a, .footer a:visited {
    color: black;
    text-decoration: none;
}
.footer p {
    font-weight: 300;
    color: black;
    font-size:     0.8em;
    line-height: 1.4;
    margin: 0;
}
.header {
    border-bottom: thin dotted black;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 1em;
    padding-top: 0;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    overflow: auto;
}
.header p {
    font-weight: 300;
    font-size: 0.9em;
    padding: 0;
    margin: 0;
}
.header a, .header a:visited {
    color: black;
    text-decoration: none;
}
#cubelogo {
    border: none;
    float: left;
    max-width: 100%;
}
/*  SECTIONS  ============================================================== */

.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  GROUPING  ============================================================== */

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP  ===================================================== */

.col {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AND PADDING AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
    .col {
        margin: 1% 0 1% 0%;
    }
}

/*  REMOVE MARGINS AND PADDING FOR PORTRAIT ORIENTATION */

@media only screen and (orientation: portrait)  {
    .col {
        margin: 1% 0 1% 0%;
    }
}

/*  GRID OF SIX  =========================================================== */

.span_6_of_6 {
    width: 100%;
}

.span_5_of_6 {
      width: 83.06%;
}

.span_4_of_6 {
      width: 66.13%;
}

.span_3_of_6 {
      width: 49.2%;
}

.span_2_of_6 {
      width: 32.26%;
}

.span_1_of_6 {
      width: 15.33%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_6_of_6 {
        width: 100%;
    }
    .span_5_of_6 {
        width: 100%;
    }
    .span_4_of_6 {
        width: 100%;
    }
    .span_3_of_6 {
        width: 100%;
    }
    .span_2_of_6 {
        width: 100%;
    }
    .span_1_of_6 {
        width: 100%;
    }
}

/*  GO FULL WIDTH FOR PORTRAIT ORIENTATION */

@media (orientation: portrait) {
    .span_6_of_6 {
        width: 100%;
    }
    .span_5_of_6 {
        width: 100%;
    }
    .span_4_of_6 {
        width: 100%;
    }
    .span_3_of_6 {
        width: 100%;
    }
    .span_2_of_6 {
        width: 100%;
    }
    .span_1_of_6 {
        width: 100%;
    }
}
<commit_msg>Prevent inappropriate horizontal scroll bar<commit_after>body {
    font-family: 'Roboto', sans-serif;
    color: black;;
    background-color: #FFFFF;
    font-size: 15px;
    margin: 0.5em;
}

.event {
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}


.pre_title, .post_title {
    font-weight: 500;
    display: block;
    text-transform: none;
    font-size: 0.6em;
    line-height: 1.2;
}

h1 {
    font-weight: 500;
    font-size: 1.8em;
    line-height: 1.1;
    margin: 0;
    text-transform: uppercase;
}
h1 a {
    text-decoration: none;
    color: black;
}
h1 a:visited {
    color: black;
}

.showings {
    font-weight: 400;
    font-size: 1em;
    line-height: 1.2;
}
.info {
    font-weight: 300;
    font-size: 1em;
    line-height: 1.2;
}

.copy p {
    font-weight: 300;
    font-size:     1em;
    line-height: 1.2;
    padding: 0.5em 0.5em 0.5em 0;
    margin: 0;
}
.copy p a {
    text-decoration: underline;
    color: black;
}
.copy p a:visited {
    color: black;
}

.event img {
    border: none;
    float: left;
    padding-right: 1.5em;
    width: 100%;
    height: auto;
}

.event iframe {
    max-width: 100%;
}

div.sold_out::before {
    /* If entire event series is sold out */
    content: "SOLD OUT";
    text-decoration: none;
    color: black;
    background-color: white;
    border: thin solid lightgray;
    opacity: 0.9;

    font-size: 3em;
    display: inline-block;
    position: absolute;
    left: 20%;
    top: 140px;
    margin: 0;
    padding: 0 0.15em;
    border-radius: 0.2em;
    transform: rotate(-15deg);
    transform-origin: 0 50%;
    -webkit-transform: rotate(-15deg);
    -webkit-transform-origin: 0 50%;
}

div.cancelled::before {
    /* If entire event series is cancelled */
    content: "CANCELLED (sorry)";
    text-decoration: none;
    color: red;
    background-color: white;
    border: thin solid lightgray;
    opacity: 0.9;

    font-size: 3em;
    display: inline-block;
    position: absolute;
    left: 30%;
    margin: 0;
    padding: 0 0.15em;
    border-radius: 0.2em;
    transform: rotate(15deg);
    transform-origin: 0 50%;
    -webkit-transform: rotate(15deg);
    -webkit-transform-origin: 0 50%;
}

p span.cancelled {
    color: red;
}

p span.sold_out {
    font-weight: bold;
}

.footer {
    border-top: thin dotted black;
    margin: auto;
     width: 90%;
}
.footer a, .footer a:visited {
    color: black;
    text-decoration: none;
}
.footer p {
    font-weight: 300;
    color: black;
    font-size:     0.8em;
    line-height: 1.4;
    margin: 0;
}
.header {
    border-bottom: thin dotted black;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 1em;
    padding-top: 0;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    overflow: auto;
}
.header p {
    font-weight: 300;
    font-size: 0.9em;
    padding: 0;
    margin: 0;
}
.header a, .header a:visited {
    color: black;
    text-decoration: none;
}
#cubelogo {
    border: none;
    float: left;
    max-width: 100%;
}
/*  SECTIONS  ============================================================== */

.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  GROUPING  ============================================================== */

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP  ===================================================== */

.col {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

/*  REMOVE MARGINS AND PADDING AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
    .col {
        margin: 1% 0 1% 0%;
    }
}

/*  REMOVE MARGINS AND PADDING FOR PORTRAIT ORIENTATION */

@media only screen and (orientation: portrait)  {
    .col {
        margin: 1% 0 1% 0%;
    }
}

/*  GRID OF SIX  =========================================================== */

.span_6_of_6 {
    width: 100%;
}

.span_5_of_6 {
      width: 83.06%;
}

.span_4_of_6 {
      width: 66.13%;
}

.span_3_of_6 {
      width: 49.2%;
}

.span_2_of_6 {
      width: 32.26%;
}

.span_1_of_6 {
      width: 15.33%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_6_of_6 {
        width: 100%;
    }
    .span_5_of_6 {
        width: 100%;
    }
    .span_4_of_6 {
        width: 100%;
    }
    .span_3_of_6 {
        width: 100%;
    }
    .span_2_of_6 {
        width: 100%;
    }
    .span_1_of_6 {
        width: 100%;
    }
}

/*  GO FULL WIDTH FOR PORTRAIT ORIENTATION */

@media (orientation: portrait) {
    .span_6_of_6 {
        width: 100%;
    }
    .span_5_of_6 {
        width: 100%;
    }
    .span_4_of_6 {
        width: 100%;
    }
    .span_3_of_6 {
        width: 100%;
    }
    .span_2_of_6 {
        width: 100%;
    }
    .span_1_of_6 {
        width: 100%;
    }
}

{'fraction_non_alphanumeric': 0.1823226317875545, 'fraction_numerical': 0.05093143083630598, 'mean_word_length': 2.211263124403436, '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': '2353606', 'n_tokens_mistral': 4250, 'n_tokens_neox': 3791, 'n_words': 924}