<commit_before>body {
  width:100%;
  height: auto;
  text-align: center;
  margin: auto;
  background-color:#FCF9FF;
  /*border: 2px solid black;*/
}

/*Header Stuff*/

.navbar {
  width:100%;
  position: fixed;
  top: 0;
  z-index: 10;
  background-color: #F6EFFF;
  font-family: 'Delius Unicase', cursive;
  font-size: .8em;
  margin: 0 auto;
}

#nav-logo {
 width: 60px;
 margin-left: 100px;
 float: left;
}

#logo {
  height: 60px;
  width: 60px;
  margin-bottom: 25px;
  position: relative;
  top: 10px;
}
.nav-links {
  margin-top: 15px;
  position: relative;
  top: 10px;
  float: right;
  margin-right: 100px;
}
.title {
  text-align: center;
  font-family: fantasy;
}
.mainContent{
  text-align: center;
  margin: 0 auto;
  width: 70%;
  height: auto;
}
/*Toilets page with all of our locations*/
#map {
  height:500px;
  width: auto;
  text-align: center;
  /*float: right;*/
  margin-bottom: 50px;
  margin: 0 auto;
  margin-top: 100px;
}
.sideBar {
  background-color:#F5F7FA;
  opacity:1;
  width: 30%;
  height: 500px;
}
/* About us page divs */

.aboutUsAll{
  width: 80%;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 100px;
  padding: 30px;
}
.about-us{
  width: 90%;
  height:auto;
  margin-top:50px;
  display: inline-block;
  word-wrap: break-word;
  background-color: #A874D4;
  color:white;
}
.about-us p{
  width: 70%;
  float: right;
  margin-right: 10px;
}
.about-us img{
  float: left;
  height: 200px;
  margin-left: 30px;
}
/*Footer Stuff*/
.footer {
  display: block;
  font-family: '<NAME>', cursive;
  text-align: center;
  margin-top: 5%;
  letter-spacing: .5px;
  color: grey;
}

#unicorn {
  margin-bottom: 10px;
  color: #A874D4;
  font-weight: bold;
}

.footer hr {
  width: 75%;
  margin-bottom: 15px;
}

.toilet-form{
  height:auto;
  width: 50%;
  text-align: center;
  /*float: right;*/
  padding-bottom: 50px;
  margin: 0 auto;
  margin-top: 100px;
  border-width: medium;
  border-style: solid;
  border-color: #A874D4;
}

.bored-main{
  width: 80%;
  height:auto;
  background-color: #F6EFFF;
  margin: 0 auto;
  margin-top:100px;
}
.bars {
  width: 22%;
  height:auto;
  padding-left: 3px;
  padding-right: 5px;
  background-color:#A874D4;
  display:inline-block;
}
iframe{
}

@media screen and (max-width: 500px) {
  #nav-logo {
   margin-left: 50px;
  }
  .nav-links {
    margin-right: 50px;
  }
}
@media screen and (max-width: 825px) {
  .about-us{
    width:90%;
  }
  .about-us p{
    font-size: 12px;
    text-align: center;
    float:none;
    margin: auto;
  }
}<commit_msg>bored page video structure mobile<commit_after>body {
  width:100%;
  height: auto;
  text-align: center;
  margin: auto;
  background-color:#FCF9FF;
  /*border: 2px solid black;*/
}

/*Header Stuff*/

.navbar {
  width:100%;
  position: fixed;
  top: 0;
  z-index: 10;
  background-color: #F6EFFF;
  font-family: 'Delius Unicase', cursive;
  font-size: .8em;
  margin: 0 auto;
}

#nav-logo {
 width: 60px;
 margin-left: 100px;
 float: left;
}

#logo {
  height: 60px;
  width: 60px;
  margin-bottom: 25px;
  position: relative;
  top: 10px;
}
.nav-links {
  margin-top: 15px;
  position: relative;
  top: 10px;
  float: right;
  margin-right: 100px;
}
.title {
  text-align: center;
  font-family: fantasy;
}
.mainContent{
  text-align: center;
  margin: 0 auto;
  width: 70%;
  height: auto;
}
/*Toilets page with all of our locations*/
#map {
  height:500px;
  width: auto;
  text-align: center;
  /*float: right;*/
  margin-bottom: 50px;
  margin: 0 auto;
  margin-top: 100px;
}
.sideBar {
  background-color:#F5F7FA;
  opacity:1;
  width: 30%;
  height: 500px;
}
/* About us page divs */

.aboutUsAll{
  width: 80%;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 100px;
  padding: 30px;
}
.about-us{
  width: 90%;
  height:auto;
  margin-top:50px;
  display: inline-block;
  word-wrap: break-word;
  background-color: #A874D4;
  color:white;
}
.about-us p{
  width: 70%;
  float: right;
  margin-right: 10px;
}
.about-us img{
  float: left;
  height: 200px;
  margin-left: 30px;
}
/*Footer Stuff*/
.footer {
  display: block;
  font-family: 'Delius Unicase', cursive;
  text-align: center;
  margin-top: 5%;
  letter-spacing: .5px;
  color: grey;
}

#unicorn {
  margin-bottom: 10px;
  color: #A874D4;
  font-weight: bold;
}

.footer hr {
  width: 75%;
  margin-bottom: 15px;
}

.toilet-form{
  height:auto;
  width: 50%;
  text-align: center;
  /*float: right;*/
  padding-bottom: 50px;
  margin: 0 auto;
  margin-top: 100px;
  border-width: medium;
  border-style: solid;
  border-color: #A874D4;
}

.bored-main{
  width: 80%;
  height:auto;
  background-color: #F6EFFF;
  margin: 0 auto;
  margin-top:100px;
}
.bars {
  width: 22%;
  height:auto;
  padding-left: 3px;
  padding-right: 5px;
  background-color:#A874D4;
  display:inline-block;
}
iframe{
}

@media screen and (max-width: 500px) {
  .bored-main{
    width: 80%;
    height:auto;
    background-color: #F6EFFF;
    margin: 0 auto;
    margin-top:100px;
  }
  .bars {
    display:block;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 750px) {
  #nav-logo {
   margin-left: 50px;
  }
  .nav-links {
    margin-right: 50px;
  }
}
@media screen and (max-width: 825px) {
  .about-us{
    width:90%;
  }
  .about-us p{
    font-size: 12px;
    text-align: center;
    float:none;
    margin: auto;
  }
}
{'fraction_non_alphanumeric': 0.1591079460269865, 'fraction_numerical': 0.05266116941529236, 'mean_word_length': 3.0188253012048194, 'pattern_counts': {'":': 0, '<': 4, '<?xml version=': 0, '>': 4, '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': '1269578', 'n_tokens_mistral': 2470, 'n_tokens_neox': 2220, 'n_words': 524}