<commit_before>/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to <NAME>, <NAME>,
 * <NAME>, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */



body {
    font-family: PTSansRegular, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}
h1, h2, h3, h4, h5, h6 {
    font-family: PTSansBold, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
}
h1 {
    font-size: 1em;
}
header {
  padding-top: .4em;
}
footer > div {
    font-size: smaller;
    margin-bottom: 3em;
}
[data-ng-cloak] {
  display: none;
}
/* Foundation's -10 margin causes
   overflow scrollbar for small
   viewports. */
[class*="block-grid-"] {
  margin: 0;
}
.header-links {
  font-size: smaller;
  margin-top: 5px;

}
.settings {
  color: #818181;
  display: inline-block;
}
.settings:hover,
.settings:focus {
  color: #444;
}
.timer {
    cursor: pointer;
    height: 200px;
    margin: auto;
    outline: 0;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width: 200px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center; -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.timer .border {
  border: 1px solid #CCC;
  border-radius: 50%;
  bottom: 0;
  content: " ";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.timer.play:before,
.timer.pause:before {
  color: #444;
  font-family: fontello;
  opacity: 0;
  position: absolute;
  -webkit-animation-name: fadeOut;
  -webkit-animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fadeOut;
  -moz-animation-duration: .6s;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fadeOut;
  -ms-animation-duration: .6s;
  -ms-animation-fill-mode: both;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
  animation-name: fadeOut;
  animation-duration: .6s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  top: 30%;
  left: 45%;
  z-index: 10;
}
.timer.play:before {
  content: attr(data-icon-play);
}
.timer.pause:before {
  content: attr(data-icon-pause);
}
.timer .progress-indicator {
    background: #FF4700;
    border-radius: 50%;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.3) inset;
    bottom: 4px;
    left: 4px;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: -1;
}
.timer .progress-elapsed {
    background: #FFF;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.timer .time {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 2em;
    z-index: 1;
}
#settings i {
  font-size: small;
  margin-right: 3px;
}
#signIn {
  margin-top: 8px;
}
.reveal-modal form {
    margin: 0;
}
nav {
    margin-top: 1em;
}
.label {
    font-weight: bold;
}

.content {
    min-height: 300px;
}

.today h2 {
    margin-bottom: 1em;
}
.today img {
  margin-top: 2em;
  opacity: .1;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
  .today img {
    background: url(../img/graphic@2x.png) no-repeat;
  }<commit_msg>Manual tweak to poor kerning on leading 'T'<commit_after>/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to <NAME>, <NAME>,
 * <NAME>, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */



body {
    font-family: PTSansRegular, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif
}
h1, h2, h3, h4, h5, h6 {
    font-family: PTSansBold, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
}
h1 {
    font-size: 1em;
}
h1::first-letter {
  letter-spacing: -1px;
}
header {
  padding-top: .4em;
}
footer > div {
    font-size: smaller;
    margin-bottom: 3em;
}
[data-ng-cloak] {
  display: none;
}
/* Foundation's -10 margin causes
   overflow scrollbar for small
   viewports. */
[class*="block-grid-"] {
  margin: 0;
}
.header-links {
  font-size: smaller;
  margin-top: 5px;

}
.settings {
  color: #818181;
  display: inline-block;
}
.settings:hover,
.settings:focus {
  color: #444;
}
.timer {
    cursor: pointer;
    height: 200px;
    margin: auto;
    outline: 0;
    overflow: hidden;
    padding: 4px;
    position: relative;
    width: 200px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center; -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.timer .border {
  border: 1px solid #CCC;
  border-radius: 50%;
  bottom: 0;
  content: " ";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.timer.play:before,
.timer.pause:before {
  color: #444;
  font-family: fontello;
  opacity: 0;
  position: absolute;
  -webkit-animation-name: fadeOut;
  -webkit-animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: fadeOut;
  -moz-animation-duration: .6s;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -ms-animation-name: fadeOut;
  -ms-animation-duration: .6s;
  -ms-animation-fill-mode: both;
  -ms-animation-iteration-count: 1;
  -ms-animation-timing-function: linear;
  animation-name: fadeOut;
  animation-duration: .6s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  top: 30%;
  left: 45%;
  z-index: 10;
}
.timer.play:before {
  content: attr(data-icon-play);
}
.timer.pause:before {
  content: attr(data-icon-pause);
}
.timer .progress-indicator {
    background: #FF4700;
    border-radius: 50%;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.3) inset;
    bottom: 4px;
    left: 4px;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: -1;
}
.timer .progress-elapsed {
    background: #FFF;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.timer .time {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 2em;
    z-index: 1;
}
#settings i {
  font-size: small;
  margin-right: 3px;
}
#signIn {
  margin-top: 8px;
}
.reveal-modal form {
    margin: 0;
}
nav {
    margin-top: 1em;
}
.label {
    font-weight: bold;
}

.content {
    min-height: 300px;
}

.today h2 {
    margin-bottom: 1em;
}
.today h2::first-letter {
  letter-spacing: -3px;
}
.today img {
  margin-top: 2em;
  opacity: .1;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
  .today img {
    background: url(../img/graphic@2x.png) no-repeat;
  }
{'fraction_non_alphanumeric': 0.21452086484562682, 'fraction_numerical': 0.023667586084171188, 'mean_word_length': 3.011420413990007, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 2, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7015800', 'n_tokens_mistral': 4204, 'n_tokens_neox': 3866, 'n_words': 958}