<commit_before>#page-books-native-v-hybrid {
	background: #e1e6ef;
	background: linear-gradient(to right, #f2f0ee, #f2f0ee 50%, #f8f9fb 50%, #f8f9fb);
	position: relative;
	height: 100%;

	main {
		display: flex;
		position: relative;
		align-items: center;
		height: 100%;

	}

	aside,
	hgroup {
		flex: 0 0 50%;
	}

	aside {
		position: relative;
		background: url("/img/books/web-ebook-cover.png") no-repeat calc(100% - 1px) 50%;
		background-size: contain;
		height: 100%;
		margin-top:160px;
	}

	hgroup {
		color: #565d67;
		padding-left: 10%;

		h1 {
			color: #0f1622;
			font-weight: 700;
			font-size: 44px;
			line-height: 1.4em
		}

		p {
			font-size: 18px;
			line-height: 1.7em;
			margin: 38px 0;
		}

		.btn {
			font-weight: 600;
		}
	}

	.learn-more {
		margin-top: 2em;
		display: block;
		font-weight: 600;
	}

	.modal {
		hgroup {
			padding-right: 10%;
		}

		h3 {
			color: $blacker;
		}
	}

	@media (max-width: $screen-sm-max)  {
	background: #e1e6ef;

	&::before {
		display: none;
	}

		main {
			flex-direction: column;
			width: 100%;

			aside {
				height: 400px;
				width: 100%;
				background-position: calc(50% + 33px) 50%;
				margin-top: 64px;
			}
	
			hgroup {
				padding: 20px 20px 48px;
				position: relative;
				text-align: center;
	
				&::before {
					background: linear-gradient(45deg, #111c2c, #122541);
					content: '';
					position: absolute;
					top: 0;
					right: -15px;
					left: -15px;
					bottom: 0;
				}
	
				> * {
					position: relative;
				}
			}
		}
	}
}<commit_msg>death to tabs<commit_after>#page-books-native-v-hybrid {
  background: #e1e6ef;
  background: linear-gradient(to right, #f2f0ee, #f2f0ee 50%, #f8f9fb 50%, #f8f9fb);
  position: relative;
  height: 100%;

  main {
    display: flex;
    position: relative;
    align-items: center;
    height: 100%;

  }

  aside,
  hgroup {
    flex: 0 0 50%;
  }

  aside {
    position: relative;
    background: url("/img/books/web-ebook-cover.png") no-repeat calc(100% - 1px) 50%;
    background-size: contain;
    height: 100%;
    margin-top:160px;
  }

  hgroup {
    color: #565d67;
    padding-left: 10%;

    h1 {
      color: #0f1622;
      font-weight: 700;
      font-size: 44px;
      line-height: 1.4em
    }

    p {
      font-size: 18px;
      line-height: 1.7em;
      margin: 38px 0;
    }

    .btn {
      font-weight: 600;
    }
  }

  .learn-more {
    margin-top: 2em;
    display: block;
    font-weight: 600;
  }

  .modal {
    hgroup {
      padding-right: 10%;
    }

    h3 {
      color: $blacker;
    }
  }

  @media (max-width: $screen-sm-max)  {
  background: #e1e6ef;

  &::before {
    display: none;
  }

    main {
      flex-direction: column;
      width: 100%;

      aside {
        height: 400px;
        width: 100%;
        background-position: calc(50% + 33px) 50%;
        margin-top: 64px;
      }
  
      hgroup {
        padding: 20px 20px 48px;
        position: relative;
        text-align: center;
  
        &::before {
          background: linear-gradient(45deg, #111c2c, #122541);
          content: '';
          position: absolute;
          top: 0;
          right: -15px;
          left: -15px;
          bottom: 0;
        }
  
        > * {
          position: relative;
        }
      }
    }
  }
}
{'fraction_non_alphanumeric': 0.14542135686035898, 'fraction_numerical': 0.07058107696988135, 'mean_word_length': 1.9409660107334525, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3740092', 'n_tokens_mistral': 1607, 'n_tokens_neox': 1268, 'n_words': 272}