<commit_before>/* fonts & global */

@font-face {
  font-family: 'open_sans_light';
  src: url('../assets/fonts/OpenSans-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'open_sans';
  src: url('../assets/fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'open_sans_bold';
  src: url('../assets/fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'roboto_slab_light';
  src: url('../assets/fonts/RobotoSlab-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'roboto_slab';
  src: url('../assets/fonts/RobotoSlab-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'roboto_slab_bold';
  src: url('../assets/fonts/RobotoSlab-Bold.ttf') format('truetype');
}

*{
  /*font-family: 'open_sans', Helvetica, Arial, sans-serif;*/
  margin: 0;
  padding: 0;
}

/* header */

.header{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  line-height: 100px;
  background: -webkit-linear-gradient(top, rgba(30,30,30,0.4), rgba(255,255,255, 0));
}

.header .logo{
  height: 70%;
  margin-left: 7%;
  vertical-align: middle;
  display: inline-block;
}

.navbar{
  position: absolute;
  right: 8%;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-family: 'open_sans', Helvetica, Arial, sans-serif;
}

@media (max-width: 840px) {
  .header .logo{
    margin-left: 1%;
  }
  .navbar{
    right: 2%;
  }
}

.navbar li{
  display: inline-block;
  padding-left: 20px;
}

.navbar li a{
  color: #fff;
  text-decoration: none;
  transition: text-shadow 0.2s, color 0.2s;
}

.navbar li a:hover{
  text-shadow: #404040 0 0 15px;
  color: #404040;
}

/* main content */

.main-content{
  width: 100%;
}

.top-subheader{
  background: url('../assets/images/rLoop.74.jpg');
  background-size: cover;
  text-align: center;
}

.half-page{
  height: 50vh;
}

.top-subheader .color-layer{
  background-color: rgba(0, 176, 224, 0.6);
  height: 100%;
  width: 100%;
}

/*this is to accommodate for the header*/
.top-subheader .megatext{
  padding-top: 50px;
}

.megatext{
  color: #fff;
  font-family: 'roboto_slab_light', Helvetica, Arial, sans-serif;
  font-size: 270%;
  padding-left: 15%;
  padding-right: 15%;
}
.megatext strong{
  font-family: 'roboto_slab_bold', Helvetica, Arial, sans-serif;
}

@media (max-width: 840px) {
  .megatext{
    font-size: 200%;
    padding-left: 10%;
    padding-right: 10%;
  }
}

.content-div{
  background-color: #fff;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 20% 0 20%;
  color: rgb(77, 77, 77);
  min-height: 275px;
}

@media (max-width: 840px) {
  .content-div{
    padding: 0 5% 0 5%;
  }
}

.content-div h1{
  font-family: 'roboto_slab_light', Helvetica, Arial, sans-serif;
  font-size: 220%;
  margin-bottom: 3.5%;
}

.content-div h3{
  font-family: 'open_sans_light', Helvetica, Arial, sans-serif;
  font-size: 140%;
  margin-bottom: 3%;<commit_msg>fix basic content mobile styling a bit<commit_after>/* fonts & global */

@font-face {
  font-family: 'open_sans_light';
  src: url('../assets/fonts/OpenSans-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'open_sans';
  src: url('../assets/fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'open_sans_bold';
  src: url('../assets/fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'roboto_slab_light';
  src: url('../assets/fonts/RobotoSlab-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'roboto_slab';
  src: url('../assets/fonts/RobotoSlab-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'roboto_slab_bold';
  src: url('../assets/fonts/RobotoSlab-Bold.ttf') format('truetype');
}

*{
  /*font-family: 'open_sans', Helvetica, Arial, sans-serif;*/
  margin: 0;
  padding: 0;
}

/* header */

.header{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  line-height: 100px;
  background: -webkit-linear-gradient(top, rgba(30,30,30,0.4), rgba(255,255,255, 0));
}

.header .logo{
  height: 70%;
  margin-left: 7%;
  vertical-align: middle;
  display: inline-block;
}

.navbar{
  position: absolute;
  right: 8%;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-family: 'open_sans', Helvetica, Arial, sans-serif;
}

@media (max-width: 840px) {
  .header .logo{
    margin-left: 1%;
  }
  .navbar{
    right: 2%;
  }
}

.navbar li{
  display: inline-block;
  padding-left: 20px;
}

.navbar li a{
  color: #fff;
  text-decoration: none;
  transition: text-shadow 0.2s, color 0.2s;
}

.navbar li a:hover{
  text-shadow: #404040 0 0 15px;
  color: #404040;
}

/* main content */

.main-content{
  width: 100%;
}

.top-subheader{
  background: url('../assets/images/rLoop.74.jpg');
  background-size: cover;
  text-align: center;
}

.half-page{
  height: 50vh;
}

.top-subheader .color-layer{
  background-color: rgba(0, 176, 224, 0.6);
  height: 100%;
  width: 100%;
}

/*this is to accommodate for the header*/
.top-subheader .megatext{
  padding-top: 50px;
}

.megatext{
  color: #fff;
  font-family: 'roboto_slab_light', Helvetica, Arial, sans-serif;
  font-size: 270%;
  padding-left: 15%;
  padding-right: 15%;
}
.megatext strong{
  font-family: 'roboto_slab_bold', Helvetica, Arial, sans-serif;
}

@media (max-width: 840px) {
  .megatext{
    font-size: 200%;
    padding-left: 10%;
    padding-right: 10%;
  }
}

.content-div{
  background-color: #fff;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 20% 0 20%;
  color: rgb(77, 77, 77);
  min-height: 350px;
}

@media (max-width: 840px) {
  .content-div{
    padding: 0 10% 0 10%;
  }
}

.content-div h1{
  font-family: 'roboto_slab_light', Helvetica, Arial, sans-serif;
  font-size: 220%;
  margin-bottom: 3.5%;
}

.content-div h3{
  font-family: 'open_sans_light', Helvetica, Arial, sans-serif;
  font-size: 140%;
  margin-bottom: 3%;
{'fraction_non_alphanumeric': 0.18439008154435013, 'fraction_numerical': 0.044932601098352475, 'mean_word_length': 3.488424197162061, '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': '1017399', 'n_tokens_mistral': 2792, 'n_tokens_neox': 2488, 'n_words': 509}