<commit_before>@import "variables.css.scss";

html,
body {
  width: 100%;
  height: 100%;
}

header, 
section, 
footer, 
h1, 
h2, 
h3,
h4, 
h5, 
h6,
p, 
.modal,
.nav {
  font-family: $main-font;
  font-weight: 700;
  letter-spacing: 1px;
}


.clickable {
  cursor: pointer;
}

.highlight-title:hover{
  color:$highlight-text-color;
}

*, *::after, *::before {
  /*padding: 0;*/
  /*margin: 0;*/
}

a {
  color: $palette-color5
}
a:hover {
  color: $palette-color4;
}

img {
  max-width: 100%;
}

.header {
  background-color: $palette-color1;	
}

.search-section {
	background-color: $palette-color1;
}

.results-section {
  background-color: $palette-color1;
}
.take-action-section {
  background: $palette-color1;
}

.cover {
  display: table;
  width: 100%;
  /*height: auto;*/ 
  height: 100%;
  padding: 100px 0;
  text-align: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  
  .cover-body {
    display: table-cell;
    vertical-align: middle;

    .brand-heading {
      font-size: 40px;
    }
    .intro-text {
      font-size: 18px;
    }
  }
}

@media(min-width:768px) {
  .cover {
    padding: 0;
  }

  .cover .cover-body .brand-heading {
    font-size: 100px;
  }

  .cover .cover-body .intro-text {
    font-size: 26px;
  }
}

.btn-circle {
  width: 70px;
  height: 70px;
  margin-top: 15px;
  padding: 7px 16px;
  border: 2px solid $palette-color6;
  border-radius: 100%!important;
  font-size: 40px;
  color: $palette-color6;
  background: 0 0;
  -webkit-transition: background .3s ease-in-out;
  -moz-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
  outline: 0;
  color: $palette-color2;
  border: 2px solid $palette-color2;
  background: rgba(255,255,255,.1);
}

.btn-circle i.animated {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
}

<commit_msg>Change background colors of sections, add and comment out stop scrolling css<commit_after>@import "variables.css.scss";

html,
body {
  width: 100%;
  height: 100%;
}

header, 
section, 
footer, 
h1, 
h2, 
h3,
h4, 
h5, 
h6,
p, 
.modal,
.nav {
  font-family: $main-font;
  font-weight: 700;
  letter-spacing: 1px;
}


.clickable {
  cursor: pointer;
}

.highlight-title:hover{
  color:$highlight-text-color;
}

*, *::after, *::before {
  /*padding: 0;*/
  /*margin: 0;*/
}

a {
  color: $palette-color5
}
a:hover {
  color: $palette-color4;
}

img {
  max-width: 100%;
}

.header {
  background-color: $palette-color7;
}

.search-section {
	background-color: $palette-color1;
}

.results-section {
  background-color: $palette-color1;
}
.take-action-section {
  background: $palette-color4;
}

.cover {
  display: table;
  width: 100%;
  /*height: auto;*/ 
  height: 100%;
  padding: 100px 0;
  text-align: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  
  .cover-body {
    display: table-cell;
    vertical-align: middle;

    .brand-heading {
      font-size: 40px;
    }
    .intro-text {
      font-size: 18px;
    }
  }
}

@media(min-width:768px) {
  .cover {
    padding: 0;
  }

  .cover .cover-body .brand-heading {
    font-size: 100px;
  }

  .cover .cover-body .intro-text {
    font-size: 26px;
  }
}

.btn-circle {
  width: 70px;
  height: 70px;
  margin-top: 15px;
  padding: 7px 16px;
  border: 2px solid $palette-color6;
  border-radius: 100%!important;
  font-size: 40px;
  color: $palette-color6;
  background: 0 0;
  -webkit-transition: background .3s ease-in-out;
  -moz-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
  outline: 0;
  color: $palette-color2;
  border: 2px solid $palette-color2;
  background: rgba(255,255,255,.1);
}

.btn-circle i.animated {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1s;
  -moz-transition-property: -moz-transform;
  -moz-transition-duration: 1s;
}

.btn-circle:hover i.animated {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
}


/*.stop-scrolling {
  height: 100%;
  overflow: hidden;
}*/
{'fraction_non_alphanumeric': 0.16189697465249386, 'fraction_numerical': 0.038225674570727716, 'mean_word_length': 3.0911371237458196, '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': '348671', 'n_tokens_mistral': 2109, 'n_tokens_neox': 1931, 'n_words': 376}