<commit_before>/* for smaller than large screens */

/*For layout purposes:*/
section {
  width: 100%;
}

section h1 {
  max-width: 320px;
  margin: auto;
}

section p {
  max-width: 290px;
  margin: auto;
}

section blockquote {
  max-width: 320px;
  text-align: justify;
  margin: auto;
}


/*For styling the sections:*/


/*INTRO SECTION, ELEMENTS*/
.intro{
  background: #f2af5c;
  background-image: url(../assets/header_bg.jpg);
  background-size: cover;
  padding-bottom: 20px;
  background-position: center;
}

.logo{
  background: rgba(0,0,0,0.2);
}

.intro div{
  margin: 0 auto;
  width: 280px;
}

.intro div{
  margin-top: 50px;
}

.intro p{
  color: white;
  text-shadow: 0 0 20px rgba(50,50,50,0.75);
}

.button-donate{
  position: relative;
  background: #1bcc68;
  border-radius: 2px;
  padding: 10px;
  width: 290px;
  text-transform: uppercase;
  color: white;
  text-weight: 700;
}

.button-donate:hover{
  background: #17aa57;
  color: #323232;
}

.button-donate a{
  color: white;
  font-weight: 700;
  text-decoration:none;
  cursor:pointer;
}

/*WHY SECTION, ELEMENTS*/
.why {
  background: #ffd858;
  background-image: url(../assets/background_why.svg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 20px 0;
}

.why p{
  padding-top: 20px;
  color: #323232;
}

/*HOW SECTION, ELEMENTS*/
.how {
  background: #323232;
  padding: 20px 0;
}

.how div{
  margin: 0 auto;
  width: 280px;
}

.how h1,p{
  color: white;
}

.how p{
  padding: 10px 0;
}

.how a{
  color: #17AA57;
  font-style: italic;
}

.button-readmore{
  position: relative;
  background: white;
  border-radius: 2px;
  padding: 10px;
}

.button-readmore a{
  color: #323232;
  font-weight: 300;
  text-decoration:none;
  cursor:pointer;
}

.button-readmore:hover{
  background: #e2e2e2;
}

/*GUIDELINE SECTION, ELEMENTS*/
.guideline {

}

/*EXAMPLES SECTION, ELEMENTS*/
.examples {

}


/*JOIN SECTION, ELEMENTS*/
.join {
  background: #323232;
  padding: 20px 0;
  color: white;
}

.join div{
  margin: 0 auto;
  width: 280px;
}

.join p{
  padding: 10px 0;
}

.andor{
  color: #8E8E8E;
  padding-top: 20px;
}

.button-join{
  position: relative;
  border: 2px solid #FFD858;
  border-radius: 2px;
  padding: 10px;
  color: white;
  text-weight: 700;
}

.button-join:hover{
  background: #FFD858;
  color: #323232;
}

.button-join a{
  color: white;
  font-weight: 300;
  text-decoration:none;
  cursor:pointer;
}

.button-buy{
  position: relative;
  background: #1bcc68;
  border-radius: 2px;
  padding: 10px;
  text-transform: uppercase;
  color: white;
  text-weight: 700;
}

.button-buy:hover{
  background: #17aa57;
  color: #323232;
}

.button-buy a{
  color: white;
  font-weight: 700;
  text-decoration:none;
  cursor:pointer;
}

/*SOCIAL SECTION, ELEMENTS*/
.social {
  background: #409b92;
}

.social li{
  display: inline-block;
  flaot: right;
  height: 60px;
  line-height: 60px;
}

/*AND/OR styling*/
.andor {
  text-transform: uppercase;
  color:white;
  opacity:0.9;
}

/*For meta content and functionality:*/

.andor:before,
.andor:after {
  content: "";
  display: inline-block;
  position:relative;
  border-bottom: 2px solid white;
  width: 100px;
  margin-bottom: 3px;
}

.button-donate a{
  color: white;
  text-decoration: none;
  padding: 10px;
}

.examples h1:after{
  content: "...";
  display: block;
}

.examples h1 a{
  text-decoration: none;
  color: black;
}

#story {
  display: none;
}

#story:target {
  display: block;
}


/* incoming breakpoint */
/* for larger than small screens */
@media all and (min-width: 640px) {

  body {

  }

  section {
    max-width: 960px;
    margin: auto;
  }

  section h1 {
    max-width: 620px;
    margin: auto;
  }

  section p {
    max-width: 590px;
    margin: auto;
  }

  /*INTRO SECTION, ELEMENTS*/
  .intro {
    height: 444px;
    background: #f2af5c;
    background-image: url(../assets/header_bg.jpg);
    background-size: cover;
    padding-bottom: 20px;
    background-position: center;
  }

  .logo{
    background: rgba(0,0,0,0.2);
    max-height: 100px;
    padding: 10px 0;
  }

  .button-donate{
    position: relative;
    background: #1bcc68;
    border-radius: 2px;
    padding: 10px;
    width: 100px;
    text-transform: uppercase;
    color: white;
    text-weight: 700;
  }


  .why{
    height: 444px;
  }

  .how{
    height: 444px;
  }

  .join{
    height: 444px;
  }
}<commit_msg>non-stick technology for headers by Tefal<commit_after>/* for smaller than large screens */

/*For layout purposes:*/
section {
  width: 100%;
}

section h1 {
  max-width: 320px;
  margin: 20px auto;
}

section p {
  max-width: 290px;
  margin: auto;
}

section blockquote {
  max-width: 320px;
  text-align: justify;
  margin: auto;
}


/*For styling the sections:*/


/*INTRO SECTION, ELEMENTS*/
.intro{
  background: #f2af5c;
  background-image: url(../assets/header_bg.jpg);
  background-size: cover;
  padding-bottom: 20px;
  background-position: center;
}

.logo{
  background: rgba(0,0,0,0.2);
}

.intro div{
  margin: 0 auto;
  width: 280px;
}

.intro div{
  margin-top: 50px;
}

.intro p{
  color: white;
  text-shadow: 0 0 20px rgba(50,50,50,0.75);
}

.button-donate{
  position: relative;
  background: #1bcc68;
  border-radius: 2px;
  padding: 10px;
  width: 290px;
  text-transform: uppercase;
  color: white;
  text-weight: 700;
}

.button-donate:hover{
  background: #17aa57;
  color: #323232;
}

.button-donate a{
  color: white;
  font-weight: 700;
  text-decoration:none;
  cursor:pointer;
}

/*WHY SECTION, ELEMENTS*/
.why {
  background: #ffd858;
  background-image: url(../assets/background_why.svg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 20px 0;
}

.why p{
  padding-top: 20px;
  color: #323232;
}

/*HOW SECTION, ELEMENTS*/
.how {
  background: #323232;
  padding: 20px 0;
}

.how div{
  margin: 0 auto;
  width: 280px;
}

.how h1,p{
  color: white;
}

.how p{
  padding: 10px 0;
}

.how a{
  color: #17AA57;
  font-style: italic;
}

.button-readmore{
  position: relative;
  background: white;
  border-radius: 2px;
  padding: 10px;
}

.button-readmore a{
  color: #323232;
  font-weight: 300;
  text-decoration:none;
  cursor:pointer;
}

.button-readmore:hover{
  background: #e2e2e2;
}

/*GUIDELINE SECTION, ELEMENTS*/
.guideline {

}

/*EXAMPLES SECTION, ELEMENTS*/
.examples {

}


/*JOIN SECTION, ELEMENTS*/
.join {
  background: #323232;
  padding: 20px 0;
  color: white;
}

.join div{
  margin: 0 auto;
  width: 280px;
}

.join p{
  padding: 10px 0;
}

.andor{
  color: #8E8E8E;
  padding-top: 20px;
}

.button-join{
  position: relative;
  border: 2px solid #FFD858;
  border-radius: 2px;
  padding: 10px;
  color: white;
  text-weight: 700;
}

.button-join:hover{
  background: #FFD858;
  color: #323232;
}

.button-join a{
  color: white;
  font-weight: 300;
  text-decoration:none;
  cursor:pointer;
}

.button-buy{
  position: relative;
  background: #1bcc68;
  border-radius: 2px;
  padding: 10px;
  text-transform: uppercase;
  color: white;
  text-weight: 700;
}

.button-buy:hover{
  background: #17aa57;
  color: #323232;
}

.button-buy a{
  color: white;
  font-weight: 700;
  text-decoration:none;
  cursor:pointer;
}

/*SOCIAL SECTION, ELEMENTS*/
.social {
  background: #409b92;
}

.social li{
  display: inline-block;
  flaot: right;
  height: 60px;
  line-height: 60px;
}

/*AND/OR styling*/
.andor {
  text-transform: uppercase;
  color:white;
  opacity:0.9;
}

/*For meta content and functionality:*/

.andor:before,
.andor:after {
  content: "";
  display: inline-block;
  position:relative;
  border-bottom: 2px solid white;
  width: 100px;
  margin-bottom: 3px;
}

.button-donate a{
  color: white;
  text-decoration: none;
  padding: 10px;
}

.examples h1:after{
  content: "...";
  display: block;
}

.examples h1 a{
  text-decoration: none;
  color: black;
}

#story {
  display: none;
}

#story:target {
  display: block;
}


/* incoming breakpoint */
/* for larger than small screens */
@media all and (min-width: 640px) {

  body {

  }

  section {
    max-width: 960px;
    margin: auto;
  }

  section h1 {
    max-width: 620px;
    margin: 20px auto;
  }

  section p {
    max-width: 590px;
    margin: auto;
  }

  /*INTRO SECTION, ELEMENTS*/
  .intro {
    height: 444px;
    background: #f2af5c;
    background-image: url(../assets/header_bg.jpg);
    background-size: cover;
    padding-bottom: 20px;
    background-position: center;
  }

  .logo{
    background: rgba(0,0,0,0.2);
    max-height: 100px;
    padding: 10px 0;
  }

  .button-donate{
    position: relative;
    background: #1bcc68;
    border-radius: 2px;
    padding: 10px;
    width: 100px;
    text-transform: uppercase;
    color: white;
    text-weight: 700;
  }


  .why{
    min-height: 444px;
  }

  .how{
    min-height: 444px;
  }

  .join{
    min-height: 444px;
  }
}
{'fraction_non_alphanumeric': 0.14921998643454668, 'fraction_numerical': 0.05765317657698395, 'mean_word_length': 3.014065335753176, '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': '7169696', 'n_tokens_mistral': 4032, 'n_tokens_neox': 3584, 'n_words': 837}