<commit_before>html, body
{
  width: 100%;
 // height: 100%;

 // overflow-y: hidden;
}

.soyp-inner
{
  position: relative;
  display: block;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;

  @media (max-width: 600px) { padding: 40px 10px; }
}

.soyp-header { .box-shadow(); }

.soyp-background
{
  // position: fixed;
  background: #000;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;

  .soyp-video, iframe
  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  .soyp-background-image
  {
    width: 100vw;
    height: 100vh;
  }

  .soyp-overlay
  {
    position: absolute;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.3;
  }
}

.soyp-text
{
  position: absolute;
  border: 8px solid white;
  border-left: none;
  margin: 60px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.soyp-text:after {
    content: '';
    display: block;
    position: absolute;
    width: 100px;
    top: 42%;
    @media (max-width: 600px) { top: 38%; }
    left: 0px;
    bottom: 0px;
    width: 0px;
    background-color: #FFF;
    border: 4px solid #FFF;
}

.soyp-logo
{
  height: 150px;
  width: 400px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  top: 30px;
  right: 30px;

  &--footer
  {
    position: relative;
    top: 0px;
    right: 0px;
    margin-bottom: 80px;
  }
}

.soyp-main-heading
{
  margin-top: 35px;
  margin-left: -4px;
}

.soyp-date
{
  position: absolute;
  bottom: 145px;
  right: 30px;
}

.soyp-tagline
{
  max-width: 570px;
  position: absolute;
  right: 30px;
  bottom: 30px;
  text-align: right;
}

@media (max-width: 600px)
{
  .soyp-text { margin: 20px; }
  .soyp-main-heading { font-size: 40px; }
  .soyp-logo
  {
    width: 130px;
    top: 5%;
    right: 5%;
    // text-align: center;
    // margin: 0 auto;
  }

  .soyp-date, .soyp-tagline<commit_msg>vertical align on logo<commit_after>html, body
{
  width: 100%;
 // height: 100%;

 // overflow-y: hidden;
}

.soyp-inner
{
  position: relative;
  display: block;
  width: 100%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;

  @media (max-width: 600px) { padding: 40px 10px; }
}

.soyp-header { .box-shadow(); }

.soyp-background
{
  // position: fixed;
  background: #000;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;

  .soyp-video, iframe
  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  .soyp-background-image
  {
    width: 100vw;
    height: 100vh;
  }

  .soyp-overlay
  {
    position: absolute;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.3;
  }
}

.soyp-text
{
  position: absolute;
  border: 8px solid white;
  border-left: none;
  margin: 60px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.soyp-text:after {
    content: '';
    display: block;
    position: absolute;
    width: 100px;
    top: 42%;
    @media (max-width: 600px) { top: 38%; }
    left: 0px;
    bottom: 0px;
    width: 0px;
    background-color: #FFF;
    border: 4px solid #FFF;
}

.soyp-logo
{
  height: 150px;
  width: 400px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  top: 30px;
  right: 30px;

  &--footer
  {
    position: relative;
    top: 0px;
    right: 0px;
    margin-bottom: 80px;
  }
}

.soyp-main-heading
{
  margin-top: 35px;
  margin-left: -4px;
}

.soyp-date
{
  position: absolute;
  bottom: 145px;
  right: 30px;
}

.soyp-tagline
{
  max-width: 570px;
  position: absolute;
  right: 30px;
  bottom: 30px;
  text-align: right;
}

@media (max-width: 600px)
{
  .soyp-text { margin: 20px; }
  .soyp-main-heading { font-size: 40px; }
  .soyp-logo
  {
    width: 130px;
    top: 35px;
    right: 5%;
    // text-align: center;
    // margin: 0 auto;
  }

  .soyp-date, .soyp-tagline
{'fraction_non_alphanumeric': 0.15633489750555693, 'fraction_numerical': 0.06050876759693752, 'mean_word_length': 2.3862876254180603, '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': '2397268', 'n_tokens_mistral': 1928, 'n_tokens_neox': 1668, 'n_words': 402}