<commit_before>
*{
  margin: 0;
  padding: 0;
}

html, body{
  background-color: $background-color;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  height:90%;
}

strong {
  font-weight: 700;
}
//anchor styling
@mixin color-mixin($color-base, $color-accent) {
  a {
    color: $color-accent;
    text-decoration: none;
  }

  a:hover {
    color: darken($color-accent, 10%);
  }

  a:active {
    text-decoration: underline;
  }

}

//centers content of page
.center{
  margin: 0 auto;
  max-width: 90%;
  // border: 5px solid red;
  border-bottom: 15px solid $button-color;
}

header{
  // border: 2px solid blue;
  background-size: cover;
  height: 50vh;
  display: flex;
  justify-content:center;
  align-items: center;
}

header img{
  margin: 0 auto;
}
//font styling

h1{
  font-size: 2.5em;
  line-height: 1.2;
  font-weight: 400;
  margin-top:.67em;
  margin-bottom: 0;
}
h3{
  padding-bottom: 1em;
  padding-top: 1em;
  font-size: 1.3em;

}

h6{
  font-weight: 300;
  line-height: 1.5;
  font-size: 1.35rem;
}

p{
  margin: 1.25em 0;
}

mark{
  background-color: $mark-color;
}
//Content Styling
.content{
  @include color-mixin($button-color,$button-active-color);
  // border: 1px dashed green;
  margin-right: 10%;
}

.anchor{
   display:block;
   height:50px; /* this is the height of your header */
   margin-top:-50px; /* this is again negative value of the height of your header */
   visibility:hidden;
}

//navigation squares

.dots{
  display:none;
}

//list styling

ol li{
  padding: 0;
  list-style-position: inside;
}

ol ul{
  margin-left: 2.5em;
}

ol ul li{
  list-style-position: outside;
  padding-left: 0;
}


//table styling
table {
    width: 90%;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}
td, th {
    padding: .625em;
    text-align: left;
}
th {
    border-bottom: 1px solid black;
}
@media (min-width:320px){
  .center{
    padding:1%;
  }
  .nav-wrapper{
  height: 40px;
  }
  .nav{
  height: 40px;
  // border: 2px dashed purple;
  background-color: $background-color;
  }
  .nav-wrapper .nav.fixed {
    padding:1%;
    position: fixed;
    margin: 0 auto;
    max-width: 90%;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
  }
  .margin{
  margin: 0 1%;
  }
  #menu{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
  }

  //Remove Style from Anchor
  #menu a{
  text-decoration: none;
  color: $button-text;
  }


  .buttonStyle{
  background-color: $button-color;
  color: $button-text;
  height:40px;
  width: 100px;
  font-size: .5em;
  font-weight: bold;
  letter-spacing: .1em;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
  text-align: center;
  }

  .changeButton{
  background-color: #009e80;
  transition: background-color .5s;
  }
}

@media (min-width:488px)  {
  .center{
    max-width: 80%;
  }
  .nav-wrapper{
  height: 50px;
  }
  .nav{
  height: 50px;
  }
  .nav-wrapper .nav.fixed {
    max-width: 80%;
  }<commit_msg>fixed some responsive design erros<commit_after>
*{
  margin: 0;
  padding: 0;
}

html, body{
  background-color: $background-color;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  height:90%;
}

strong {
  font-weight: 700;
}
//anchor styling
@mixin color-mixin($color-base, $color-accent) {
  a {
    color: $color-accent;
    text-decoration: none;
  }

  a:hover {
    color: darken($color-accent, 10%);
  }

  a:active {
    text-decoration: underline;
  }

}

//centers content of page
.center{
  margin: 0 auto;
  max-width: 90%;
  // border: 5px solid red;
  border-bottom: 15px solid $button-color;
}

header{
  // border: 2px solid blue;
  background-size: cover;
  height: 50vh;
  display: flex;
  justify-content:center;
  align-items: center;
}

header img{
  margin: 0 auto;
}
//font styling

h1{
  font-size: 2.5em;
  line-height: 1.2;
  font-weight: 400;
  margin-top:.67em;
  margin-bottom: 0;
}
h3{
  padding-bottom: 1em;
  padding-top: 1em;
  font-size: 1.3em;

}

h6{
  font-weight: 300;
  line-height: 1.5;
  font-size: 1.35rem;
}

p{
  margin: 1.25em 0;
}

mark{
  background-color: $mark-color;
}
//Content Styling
.content{
  @include color-mixin($button-color,$button-active-color);
  // border: 1px dashed green;
  margin-right: 10%;
}

.anchor{
   display:block;
   height:50px; /* this is the height of your header */
   margin-top:-50px; /* this is again negative value of the height of your header */
   visibility:hidden;
}

//navigation squares

.dots{
  display:none;
}

//list styling

ol li{
  padding: 0;
  list-style-position: inside;
}

ol ul{
  margin-left: 2.5em;
}

ol ul li{
  list-style-position: outside;
  padding-left: 0;
}


//table styling
table {
    width: 90%;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}
td, th {
    padding: .625em;
    text-align: left;
}
th {
    border-bottom: 1px solid black;
}
@media (min-width:320px){
  .center{
    padding:1%;
  }
  .nav-wrapper{
  height: 40px;
  }
  .nav{
  height: 40px;
  // border: 2px dashed purple;
  background-color: $background-color;
  }
  .nav-wrapper .nav.fixed {
    padding:1%;
    position: fixed;
    margin: 0 auto;
    max-width: 90%;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
  }
  .margin{
  margin: 0 1%;
  }
  #menu{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
  }

  //Remove Style from Anchor
  #menu a{
  text-decoration: none;
  color: $button-text;
  }


  .buttonStyle{
  background-color: $button-color;
  color: $button-text;
  height:40px;
  width: 90px;
  font-size: .5em;
  font-weight: bold;
  letter-spacing: .1em;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
  text-align: center;
  }

  .changeButton{
  background-color: #009e80;
  transition: background-color .5s;
  }
}

@media (min-width:488px)  {
  .center{
    max-width: 80%;
  }
  .nav-wrapper{
  height: 50px;
  }
  .nav{
  height: 50px;
  }
  .nav-wrapper .nav.fixed {
    max-width: 80%;
  }
{'fraction_non_alphanumeric': 0.15359152598477324, 'fraction_numerical': 0.04154253558424363, 'mean_word_length': 2.718769230769231, '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': '89238', 'n_tokens_mistral': 2660, 'n_tokens_neox': 2418, 'n_words': 590}