<commit_before>/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * 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 {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * 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 audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

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

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

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

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
  font-size: 13px;
}


/* Header & Navigation */
.mainHeader {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0;
  z-index: 100;
  margin-left: 20px;
  padding-top: 10px;
  color: black;
  clear: none;
}

.mainNav {
  float: right;
  word-wrap: normal;
  display: inline-block;
  margin-top: -3rem;
  width: 40%
}

.flexHeader{
  display: flex;
  justify-content: left;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

li{
display: inline;
margin-left: 20px;
 padding-left: 1rem;
 }

.pageNav li{
  display: inline-block;
  justify-content: center;
}

/* Div & Content */

.content{
  padding-top: 20rem;
}

.flexContainer{
  display: flex;
  flex-flow: wrap;
  justify-content: space-around;
}

.card {
     background-color: darkseagreen;
     border: 1px solid gray;
     border-radius: 5px;
     color: black;
     margin-top: 2rem;
     margin-left: 15%;
     padding: 1rem;
     width: 25rem;
}

/* Footer */

.mainFooter{
  display: flex;
  background-color: #080400;
  color: white;
  bottom: 0;
  padding: 10px;
  justify-content: center;
  width: 100%;
}



<commit_msg>Getting closer with the header, colors.<commit_after>/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * 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
   ========================================================================== */
/*
* background color: #3A73FF
* card: #0034B2
* header: #1F60FF
* link: #FFD97E
*/
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * 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 audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

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

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

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

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  background-color: #0034B2;
}

h1{
  font-size: 200%;
  margin-top: -1px;
}

a{
  color: #B2A47F;
  text-decoration: none;
}


/* Header & Navigation */
.mainHeader {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0;
  z-index: 100;
  padding-left: 20px;
  padding-top: 10px;
  color: black;
  clear: none;
  background-color: #1F60FF;
}

.mainHeader p{
  font-size: 50%;
}

.mainNav {
  display: flex;
  float: right;
  flex-wrap: wrap;
  margin-top: -3rem;
  width: 40%;
  justify-content: flex-start;
}

.flexHeader{
  display: flex;
  justify-content: left;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

li{
  display: flex;
  margin-left: 20px;
  padding-left: 1rem;
  font-size: .7em;
}

.pageNav li{
  display: inline-block;
  justify-content: center;
}

/* Div & Content */
h2{
  color: black;
}

.content{
  padding-top: 20rem;
}

.flexContainer{
  display: flex;
  flex-flow: wrap;
  justify-content: space-around;
}

.card {
     background-color: #3A73FF;
     border: 1px solid #FFD97E;
     border-radius: 5px;
     color: black;
     margin-top: 2rem;
     margin-left: 15%;
     padding: 1rem;
     width: 25rem;
}

/* Footer */

.mainFooter{
  display: flex;
  background-color: #080400;
  color: white;
  bottom: 0;
  padding: 10px;
  justify-content: center;
  width: 100%;
}




{'fraction_non_alphanumeric': 0.25133372851215174, 'fraction_numerical': 0.033491404860699465, 'mean_word_length': 3.33183568677792, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, 'https://': 6, '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': '2674657', 'n_tokens_mistral': 2446, 'n_tokens_neox': 2201, 'n_words': 589}