<commit_before>@import "resets"
@import "fonts"

$cols = 2
$col = 1100px*0.462
$gutter = 1100px*0.075
.container
  margin: 0 auto
  width: ($col * $cols)+($gutter * $cols)
.row
  clear: both
.col
  float: left
  margin-left: ($gutter/2)
  margin-right: ($gutter/2)
  box-sizing: content-box
for col in 1..$cols
  .col{col}
    width: ( col * $col ) + ( ( col - 1 ) * $gutter )

.grid-sizer
  width: $col + $gutter

.gutter-sizer
  width: $gutter

.u-cf
  clear: both

// VARIABLES

$margin-small = ($gutter)
$margin-basic = ($gutter*2)
$margin-large = ($gutter*5)

$font-size-basic = 17px
$font-leading-basic = 1.35em
$font-tracking-basic = 0.001em

$color-black-soft = rgb(26,26,26)
$color-white-soft = rgb(253,253,253)
$color-taupe = rgb(239,241,241)

$font-alien = 'alienleagueiiital';
$font-luculent-regular = 'luculentregular';
$font-luculent-bold = 'luculentbold';
$font-luculent-italic = 'luculentitalic';
$font-luculent-bold-italic = 'luculentbold_italic';


// TYPOGRAPHY

body
  font-family:$font-luculent-regular,helvetica,arial,sans-serif
  font-size: $font-size-basic
  line-height: $font-leading-basic
  letter-spacing: $font-tracking-basic

h1
  font-size: 3em
  font-family: $font-alien
  text-transform: lowercase

h2
  font-size: 2em
  font-family: $font-alien
  text-transform: lowercase

h3
  font-size: 1.5em
  font-family: $font-alien
  text-transform: lowercase

p
  margin: 0 0 1.7em
  font-family: $font-luculent-regular
  line-height: 1.7em

strong
  font-family: $font-luculent-bold

em
  font-family: $font-luculent-italic

strong em, em strong
  font-family: $font-luculent-bold-italic


// LISTS

ul
  line-height: 1.7em
  margin-bottom: 1.7em
  li
    ul
      margin-bottom: 0
      li:before
        content: "\00a0\00a0";


// LINKS

a, a:active, a:visited
  color: inherit
  text-decoration: none
  
h1, h2, h3
  a
    color: $color-black-soft !important

p
  a, a:active, a:visited
    font-family: $font-luculent-bold


// BASIC

html
  background-color: $color-taupe
  color: $color-black-soft

img
  max-width: 100%
  height: auto
  
body.error404 #main-content
  text-align: center


// HEADER

#site-title
  position: fixed
  width: 100%
  top: 46%
  text-align: center
  font-size: 4em
  letter-spacing: .4em
  line-height: 0

#nav
  position: fixed
  top: 0
  left: 0
  right: 0
  bottom: 0
  transition: all 2000ms
  z-index: 9999

// POSTS LOOP

#main-content
  padding-top: $margin-basic
  padding-bottom: $margin-basic

.section-title<commit_msg>styles site-title for footer<commit_after>@import "resets"
@import "fonts"

$cols = 2
$col = 1100px*0.462
$gutter = 1100px*0.075
.container
  margin: 0 auto
  width: ($col * $cols)+($gutter * $cols)
.row
  clear: both
.col
  float: left
  margin-left: ($gutter/2)
  margin-right: ($gutter/2)
  box-sizing: content-box
for col in 1..$cols
  .col{col}
    width: ( col * $col ) + ( ( col - 1 ) * $gutter )

.grid-sizer
  width: $col + $gutter

.gutter-sizer
  width: $gutter

.u-cf
  clear: both

// VARIABLES

$margin-small = ($gutter)
$margin-basic = ($gutter*2)
$margin-large = ($gutter*5)

$font-size-basic = 17px
$font-leading-basic = 1.35em
$font-tracking-basic = 0.001em

$color-black-soft = rgb(26,26,26)
$color-white-soft = rgb(253,253,253)
$color-taupe = rgb(239,241,241)

$font-alien = 'alienleagueiiital';
$font-luculent-regular = 'luculentregular';
$font-luculent-bold = 'luculentbold';
$font-luculent-italic = 'luculentitalic';
$font-luculent-bold-italic = 'luculentbold_italic';


// TYPOGRAPHY

body
  font-family:$font-luculent-regular,helvetica,arial,sans-serif
  font-size: $font-size-basic
  line-height: $font-leading-basic
  letter-spacing: $font-tracking-basic 

h1
  font-size: 3em
  font-family: $font-alien
  text-transform: lowercase

h2
  font-size: 2em
  font-family: $font-alien
  text-transform: lowercase

h3
  font-size: 1.5em
  font-family: $font-alien
  text-transform: lowercase

p
  margin: 0 0 1.7em
  font-family: $font-luculent-regular
  line-height: 1.7em

strong
  font-family: $font-luculent-bold

em
  font-family: $font-luculent-italic

strong em, em strong
  font-family: $font-luculent-bold-italic


// LISTS

ul
  line-height: 1.7em
  margin-bottom: 1.7em
  li
    ul
      margin-bottom: 0
      li:before
        content: "\00a0\00a0";


// LINKS

a, a:active, a:visited
  color: inherit
  text-decoration: none
  
h1, h2, h3
  a
    color: $color-black-soft !important

p
  a, a:active, a:visited
    font-family: $font-luculent-bold


// BASIC

html
  background-color: $color-taupe
  color: $color-black-soft

img
  max-width: 100%
  height: auto
  
body.error404 #main-content
  text-align: center


// HEADER

#site-title
  text-align: center
  font-size: 4em
  letter-spacing: .4em
  line-height: 0
  padding-bottom: $margin-small

#nav
  position: fixed
  top: 0
  left: 0
  right: 0
  bottom: 0
  transition: all 2000ms
  z-index: 9999

// POSTS LOOP

#main-content
  padding-top: $margin-basic
  padding-bottom: $margin-basic

.section-title
{'fraction_non_alphanumeric': 0.14345822480464837, 'fraction_numerical': 0.04307753957122821, 'mean_word_length': 3.237691001697793, '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': '5952440', 'n_tokens_mistral': 2234, 'n_tokens_neox': 2022, 'n_words': 438}