<commit_before>@import "partials/_base.scss";
@import "partials/_colors.scss";

body {
  font-family: $font-family;
  color: $font-color; 
}

//Layout

header.lead {
  background-color: $susy-pink;
  text-align: center;
  @include single-transition(background-color, .5s);
  
  a.home {
    display: block;
    text-decoration: none;  
  }
  
  .logo {
    font-size: 10em;
    padding-top: .05em;
  }
  
  h1 {
    @extend .logo;
    font-size: 2em;
    font-weight: normal; 
    position: absolute;
    top: -99999px;
  }
  
  h2 {
    @extend .logo;
    font-size: 1.5em;
    font-weight: normal;
    font-style: italic; 
    @include single-transition(all, .5s);
    padding-bottom: 1em;
    color: $susy-gray;
  }
  
  &:hover {
    background-color: $susy-pink-higlight;
    @include background-image(linear-gradient($susy-pink-higlight, darken($susy-pink-higlight, 15%)));
    
    .logo {
      @include single-text-shadow(white, 0, 0, 10px);
    }
    
    h2 {
      display: none;
    }
  }
  
}

#main {
  @include container;
}<commit_msg>navigation styling<commit_after>@import "partials/_base.scss";
@import "partials/_colors.scss";

body {
  font-family: $font-family;
  color: $font-color; 
}

//////////
//Layout
//////////

header.lead {
  background-color: $susy-pink;
  text-align: center;
  @include single-transition(background-color, .5s);
  
  a.home {
    display: block;
    text-decoration: none;  
  }
  
  .logo {
    font-size: 10em;
    padding-top: .05em;
  }
  
  h1 {
    @extend .logo;
    font-size: 2em;
    font-weight: normal; 
    position: absolute;
    top: -99999px;
  }
  
  h2 {
    @extend .logo;
    font-size: 1.5em;
    font-weight: normal;
    font-style: italic; 
    padding-bottom: 1em;
    color: $susy-gray;
  }
  
  &:hover {
    background-color: $susy-pink-higlight;
    @include background-image(linear-gradient($susy-pink-higlight, darken($susy-pink-higlight, 15%)));
    
    .logo {
      @include single-text-shadow(white, 0, 0, 10px);
    }
    
    h2 {
      color: white;
      @include single-text-shadow(white, 0, 0, 0px);
    }
  }
  
}

#main {
  @include container;
}

//Top Navigation
section.nav {
  @include full;
  border: 1px lighten($susy-gray, 55%) solid;
  border-top: 0px;
  padding: 1em 0;  
  ul {
    text-align: center;
    li {
      display: inline;
      margin: 0 0.5em;
      a {    
        text-decoration: none;
      }
    }
  }
  
}
{'fraction_non_alphanumeric': 0.1561598681499794, 'fraction_numerical': 0.024309847548413678, 'mean_word_length': 2.2158940397350992, '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': '7572890', 'n_tokens_mistral': 1014, 'n_tokens_neox': 935, 'n_words': 178}