<commit_before>/**
 * Resets and normalize
 */
html {
  box-sizing: border-box;
}

*, *:before, *:after, input {
  box-sizing: inherit;
}

:focus {
  outline:none;
}

::-moz-focus-inner {
  border:0;
}

body {
  font-family: "Fira Sans", "Open Sans", "Helvetica Neue", sans-serif;
  overflow: hidden;
  text-rendering: optimizeLegibility;
  margin: 0;
  padding: 0;
  outline: 0;
  background-color: #ffffff;
  color: #333333;
}

ul {
  padding: 0 0 0 1rem;
  margin: 0;
}

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

h1, h2, h3, h4, h5, h6, input, textarea {
  font-family: "Fira Sans Light", "Fira Sans", "Open Sans", "Helvetica Neue", sans-serif;
}

/**
 * Form
 */
form {
  width: 100%;
}

/**
 * Inline elements
 */
code {
  font-family: monospace;
  font-stretch: expanded;
  font-style: normal;
}

input[type="text"], button {
  height: 3rem;
  line-height: 1rem;
  font-size: 1rem;
  padding: 0.5rem;
  border-radius: 0;
  background: #fefefe;
  color: #333333;
  transition: 0.5s ease-out;
  outline: none;
  border: none;
}

input[type="text"]:hover, button:hover,
input[type="text"]:focus, button:focus {
  outline: none;
}

.border {
  border: 0.05rem solid #cccccc;
}

.border:hover {
  border: 0.05rem solid #a4a4a4;
}

.border:focus {
  border: 0.05rem solid #333333;
}

a, a:visited {
  text-decoration: none;
  color: #27ae60;
}

/**
 * Nav elements
 */
nav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  overflow: hidden;
  width: 100vw;
  height: 3rem;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  background-color: #fefefe;
  color: #505050;
}

nav > * {
  height: 3rem;
  border: none;
  outline: none;
}

nav h1 {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  flex-grow: 1;
  text-indent: 1rem;
  line-height: 3rem;
}

nav button:hover, nav button:focus {
  border: none;
}

nav #resetbtn {
  flex-grow: 1;
}

#topnav {
  top: 0;
  border-top: 0.2rem solid #2ecc71;
}

#bottomnav {
  border-top: 0.1rem solid #2ecc71;
  bottom: 0;
}

#topnav > * {
  font-size: 1.25rem;
}

#topnav > h1, #topnav > form, #topnav > input[type="text"] {
  width: 100%;
  flex-grow: 1;
}

#topnav input[type="text"] {
  width: 100%;
  border: none;
  outline: none;
  padding: 0;
  text-indent: 1rem;
  line-height: 3rem;
}

#topnav button {
  background: url("../img/slant.svg") top left no-repeat;
  width: 4rem;
  text-align: right;
  color: #ffffff;
}

#topnav button:focus {
  animation: pulsate-grey 1.5s 0s 1 ease-in-out;
}

#bottomnav > * {
  font-size: 1rem;
}

#bottomnav button {
  background: linear-gradient(#ffffff, #fefefe 75%, #fafafa);
  border-right: 0.1rem solid #cccccc;
}

#bottomnav :last-child {
  border-right: none;
}

#bottomnav button:focus {
  animation: pulsate-green 0.5s 0s 1 ease-in-out;
}

/**
 * Content area
 */
article {
  display: flex;
  flex-flow: column nowrap;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  transition: opacity 0.5s ease-in-out;
}

article.active-view {
  opacity: 1;
  z-index: 1;
}

.has-topnav article {
  top: 3rem;
  height: calc(100vh - 3rem);
}

.has-bottomnav article {
  bottom: 3rem;
  height: calc(100vh - 3rem);
}

.has-topnav.has-bottomnav article {
  top: 3rem;
  bottom: 3rem;
  height: calc(100vh - 6rem);
}<commit_msg>Fix scrolling issue by fixing overflow of article elem<commit_after>/**
 * Resets and normalize
 */
html {
  box-sizing: border-box;
}

*, *:before, *:after, input {
  box-sizing: inherit;
}

:focus {
  outline:none;
}

::-moz-focus-inner {
  border:0;
}

body {
  font-family: "Fira Sans", "Open Sans", "Helvetica Neue", sans-serif;
  overflow: hidden;
  text-rendering: optimizeLegibility;
  margin: 0;
  padding: 0;
  outline: 0;
  background-color: #ffffff;
  color: #333333;
}

ul {
  padding: 0 0 0 1rem;
  margin: 0;
}

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

h1, h2, h3, h4, h5, h6, input, textarea {
  font-family: "Fira Sans Light", "Fira Sans", "Open Sans", "Helvetica Neue", sans-serif;
}

/**
 * Form
 */
form {
  width: 100%;
}

/**
 * Inline elements
 */
code {
  font-family: monospace;
  font-stretch: expanded;
  font-style: normal;
}

input[type="text"], button {
  height: 3rem;
  line-height: 1rem;
  font-size: 1rem;
  padding: 0.5rem;
  border-radius: 0;
  background: #fefefe;
  color: #333333;
  transition: 0.5s ease-out;
  outline: none;
  border: none;
}

input[type="text"]:hover, button:hover,
input[type="text"]:focus, button:focus {
  outline: none;
}

.border {
  border: 0.05rem solid #cccccc;
}

.border:hover {
  border: 0.05rem solid #a4a4a4;
}

.border:focus {
  border: 0.05rem solid #333333;
}

a, a:visited {
  text-decoration: none;
  color: #27ae60;
}

/**
 * Nav elements
 */
nav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  overflow: hidden;
  width: 100vw;
  height: 3rem;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0;
  background-color: #fefefe;
  color: #505050;
}

nav > * {
  height: 3rem;
  border: none;
  outline: none;
}

nav h1 {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  flex-grow: 1;
  text-indent: 1rem;
  line-height: 3rem;
}

nav button:hover, nav button:focus {
  border: none;
}

nav #resetbtn {
  flex-grow: 1;
}

#topnav {
  top: 0;
  border-top: 0.2rem solid #2ecc71;
}

#bottomnav {
  border-top: 0.1rem solid #2ecc71;
  bottom: 0;
}

#topnav > * {
  font-size: 1.25rem;
}

#topnav > h1, #topnav > form, #topnav > input[type="text"] {
  width: 100%;
  flex-grow: 1;
}

#topnav input[type="text"] {
  width: 100%;
  border: none;
  outline: none;
  padding: 0;
  text-indent: 1rem;
  line-height: 3rem;
}

#topnav button {
  background: url("../img/slant.svg") top left no-repeat;
  width: 4rem;
  text-align: right;
  color: #ffffff;
}

#topnav button:focus {
  animation: pulsate-grey 1.5s 0s 1 ease-in-out;
}

#bottomnav > * {
  font-size: 1rem;
}

#bottomnav button {
  background: linear-gradient(#ffffff, #fefefe 75%, #fafafa);
  border-right: 0.1rem solid #cccccc;
}

#bottomnav :last-child {
  border-right: none;
}

#bottomnav button:focus {
  animation: pulsate-green 0.5s 0s 1 ease-in-out;
}

/**
 * Content area
 */
article {
  display: flex;
  flex-flow: column nowrap;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  transition: opacity 0.5s ease-in-out;
}

article.active-view {
  opacity: 1;
  z-index: 1;
}

.has-topnav article {
  top: 3rem;
  height: calc(100vh - 3rem);
}

.has-bottomnav article {
  bottom: 3rem;
  height: calc(100vh - 3rem);
}

.has-topnav.has-bottomnav article {
  top: 3rem;
  bottom: 3rem;
  height: calc(100vh - 6rem);
}
{'fraction_non_alphanumeric': 0.16298618036757373, 'fraction_numerical': 0.04673030346203163, 'mean_word_length': 3.2111577684463106, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 15, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3565481', 'n_tokens_mistral': 3208, 'n_tokens_neox': 2931, 'n_words': 716}