<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 {
  background-color: #8D1919;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#contact {
  margin-top: 44px;
  text-align: center;
  overflow: hidden;
}

#content {
  width: 85%;
  margin: 0 auto;
  max-width: 800px;
  overflow: hidden;
}

#header {
  background: #d8cb8f; /* Old browsers */
  background: -moz-linear-gradient(top,  #d8cb8f 0%, #f9f5cf 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8cb8f), color-stop(100%,#f9f5cf)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d8cb8f 0%,#f9f5cf 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d8cb8f 0%,#f9f5cf 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d8cb8f 0%,#f9f5cf 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #d8cb8f 0%,#f9f5cf 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8cb8f', endColorstr='#f9f5cf',GradientType=0 ); /* IE6-9 */
  
  padding: 20px;
  margin-top: 20px;
  overflow: hidden;
}

#name {
  position: relative;
  margin-top: 55px;
  margin-bottom: 0px;
  line-height: 30px;
  text-align: center;
  font-size: 34px;
  
}

#pic {
  display: inline-block;
}

#profile_picture {
  text-align: right;
}

#resume {
  background-color: #FFFFE6;
  clear: both;
}

#name span {
  font-style: italic;
  font-size:17px;
  text-align: center;
}

@media(max-width:992px){
  
  #profile_picture {
    text-align: center;
  }
  
  #content {
    max-width: 550px;
  }
  
  #name {
    margin-top: 35px;
  }
  
  #contact {
    margin-top: 20px;
  }
}












/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */
<commit_msg>Style header for 320px mobile<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
   ========================================================================== */

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 {
  background-color: #8D1919;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#contact {
  margin-top: 44px;
  text-align: center;
  overflow: hidden;
}

#content {
  width: 85%;
  margin: 0 auto;
  max-width: 800px;
  overflow: hidden;
}

#header {
  background: #d8cb8f; /* Old browsers */
  background: -moz-linear-gradient(top,  #d8cb8f 0%, #f9f5cf 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8cb8f), color-stop(100%,#f9f5cf)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d8cb8f 0%,#f9f5cf 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d8cb8f 0%,#f9f5cf 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d8cb8f 0%,#f9f5cf 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #d8cb8f 0%,#f9f5cf 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8cb8f', endColorstr='#f9f5cf',GradientType=0 ); /* IE6-9 */
  
  padding: 20px;
  margin-top: 20px;
  overflow: hidden;
}

#name {
  position: relative;
  margin-top: 55px;
  margin-bottom: 0px;
  line-height: 30px;
  text-align: center;
  font-size: 34px;
}

#name span {
  font-style: italic;
  font-size:17px;
  text-align: center;
}

#pic {
  display: inline-block;
}

#profile_picture {
  text-align: right;
}

#resume {
  background-color: #FFFFE6;
  clear: both;
}

@media(max-width:992px){
  
  #profile_picture {
    text-align: center;
  }
  
  #content {
    max-width: 550px;
  }
  
  #name {
    margin-top: 35px;
  }
  
  #contact {
    margin-top: 20px;
  }
}

@media(max-width:400px){
  
  #pic {
    height: 125px;
    width: 125px;
  }
  
  #name {
    font-size: 22.5px;
    line-height: 18px;
    margin-top: 25px;
  }
  
  #name span {
    font-size: 11px
  }
  
  #contact {
    font-size: 10px;
    margin-top: 12px;
  }
  
}












/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

{'fraction_non_alphanumeric': 0.2753405824271966, 'fraction_numerical': 0.042619672540932386, 'mean_word_length': 3.53885422575156, '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': '2037741', 'n_tokens_mistral': 2965, 'n_tokens_neox': 2617, 'n_words': 622}