<commit_before>/**
 * Contact section styles.
 */

#contact
  @extend %theme-dark
  background-color: transparent
  max-width: 54vw
  width: 100%
  padding: 35px
  vertical-align: top

  header h2
    border-color: white

  a
    color: white

  form
    text-transform: uppercase
    font-family: $font-sans
    font-weight: bold
    font-size: 0.75em
    line-height: 2em
    text-align: left

    label
      position: relative
      display: block
      margin-bottom: 3em
      z-index: 0

      span
        transition: all 250ms
        position: absolute
        top: 0.5em
        margin-left: 1em
        font-size: 1em
        z-index: -1

      &:before, &:after
        transition: all 250ms
        content: ""
        position: absolute
        display: block
        width: 100%
        top: 100%
        z-index: -1

      &:before
        height: 2px
        background-color: white

      &:after
        height: 0
        background-color: rgba(0, 0, 0, 0.2)

      &.focused, &.fulfilled
        span
          top: -2.25em
          font-size: 0.85em

        &:before
          margin-top: -2px
          height: 4px
          background-color: rgba(0, 0, 0, 0.3)

        &:after
          top: 0
          height: 100%

    input, textarea, select
      display: block
      padding: 0.35em 1em
      height: 40.5px
      width: 100%
      border: none
      font-size: 1em
      font-family: inherit
      text-transform: none
      background-color: transparent
      outline: none
      resize: none

    select
      transition: all 250ms
      cursor: pointer
      opacity: 0

      option
        color: initial

    label.fulfilled,
    label.focused
      select
        opacity: 1

    button
      @extend %button-outline-fulfiled-arrow
      background-color: white
      color: $color-primary
      font-size: 1em
      border-color: white
      float: right

      &:hover, &:focus
        color: white
        background-color: $color-primary
        border-color: $color-primary

#contact-form-success
  text-align: center
  display: none

  h2
    font-size: 2em
    margin-bottom: 0.75em

    small
      margin-top: 1em
      font-size: 0.65em
      display: block

  p:first-child
    font-weight: bold
    font-size: 1.85em

  ul
    @extend %tag-list-link
    font-size: 0.8em

    li:before
      border-left-color: white

//     .select-target
//       background-color: transparent
//       color: inherit
//       border: 0
//       padding: 0
//       margin: 0 0 0 1em

//       b
//         display: none

// .select-element
//   z-index: 99999


/*
 * Modal styling.
 */

.remodal-overlay
  opacity: 0

.remodal-wrapper
  background-color: rgba($color-jaguar, 0.965)

  &:after
    display: none

.remodal
  position: relative

.remodal-close
  position: fixed
  top: 0
  right: 15px

  &, &:hover, &:focus
    background-color: transparent
    border: none
    padding: 0

  &:before
    transition: all 250ms
    transform: rotate(0)
    font-family: $font-arial
    font-size: 3rem
    line-height: 4rem
    display: block
    position: static
    width: 4rem
    content: "\00d7"
    text-align: center
    color: white

  &:hover, &:focus
    &:before
      transform: rotate(180deg)


/*
 * Animating selectors.
 */

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards

.remodal-overlay.remodal-is-opening
  -webkit-animation: remodal-overlay-opening-keyframes 0.3s;
  animation: remodal-overlay-opening-keyframes 0.3s

.remodal-overlay.remodal-is-closing
  -webkit-animation: remodal-overlay-closing-keyframes 0.3s;
  animation: remodal-overlay-closing-keyframes 0.3s

.remodal.remodal-is-opening,
.remodal.remodal-is-closing
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards

.remodal.remodal-is-opening
  -webkit-animation: remodal-opening-keyframes 0.3s;
  animation: remodal-opening-keyframes 0.3s

.remodal.remodal-is-closing
  -webkit-animation: remodal-closing-keyframes 0.3s;
  animation: remodal-closing-keyframes 0.3s

/*
 * Animating keyframes.
 */

@-webkit-keyframes remodal-opening-keyframes
  from
    opacity: 0
    top: -50%
  to
    opacity: 1
    top: 0

@keyframes remodal-opening-keyframes
  from
    opacity: 0
    top: -50%
  to
    opacity: 1
    top: 0

@-webkit-keyframes remodal-closing-keyframes
  from
    opacity: 1
  to
    opacity: 0

@keyframes remodal-closing-keyframes
  from
    opacity: 1
  to
    opacity: 0

@-webkit-keyframes remodal-overlay-opening-keyframes
  from
    opacity: 0
  to
    opacity: 1

@keyframes remodal-overlay-opening-keyframes
  from
    opacity: 0
  to
    opacity: 1

@-webkit-keyframes remodal-overlay-closing-keyframes
  from
    opacity: 1
  to
    opacity: 0

@keyframes remodal-overlay-closing-keyframes
  from
    opacity: 1
  to
    opacity: 0
<commit_msg>Removed commented code.<commit_after>/**
 * Contact section styles.
 */

#contact
  @extend %theme-dark
  background-color: transparent
  max-width: 54vw
  width: 100%
  padding: 35px
  vertical-align: top

  header h2
    border-color: white

  a
    color: white

  form
    text-transform: uppercase
    font-family: $font-sans
    font-weight: bold
    font-size: 0.75em
    line-height: 2em
    text-align: left

    label
      position: relative
      display: block
      margin-bottom: 3em
      z-index: 0

      span
        transition: all 250ms
        position: absolute
        top: 0.5em
        margin-left: 1em
        font-size: 1em
        z-index: -1

      &:before, &:after
        transition: all 250ms
        content: ""
        position: absolute
        display: block
        width: 100%
        top: 100%
        z-index: -1

      &:before
        height: 2px
        background-color: white

      &:after
        height: 0
        background-color: rgba(0, 0, 0, 0.2)

      &.focused, &.fulfilled
        span
          top: -2.25em
          font-size: 0.85em

        &:before
          margin-top: -2px
          height: 4px
          background-color: rgba(0, 0, 0, 0.3)

        &:after
          top: 0
          height: 100%

    input, textarea, select
      display: block
      padding: 0.35em 1em
      height: 40.5px
      width: 100%
      border: none
      font-size: 1em
      font-family: inherit
      text-transform: none
      background-color: transparent
      outline: none
      resize: none

    select
      transition: all 250ms
      cursor: pointer
      opacity: 0

      option
        color: initial

    label.fulfilled,
    label.focused
      select
        opacity: 1

    button
      @extend %button-outline-fulfiled-arrow
      background-color: white
      color: $color-primary
      font-size: 1em
      border-color: white
      float: right

      &:hover, &:focus
        color: white
        background-color: $color-primary
        border-color: $color-primary

#contact-form-success
  text-align: center
  display: none

  h2
    font-size: 2em
    margin-bottom: 0.75em

    small
      margin-top: 1em
      font-size: 0.65em
      display: block

  p:first-child
    font-weight: bold
    font-size: 1.85em

  ul
    @extend %tag-list-link
    font-size: 0.8em

    li:before
      border-left-color: white

/*
 * Modal styling.
 */

.remodal-overlay
  opacity: 0

.remodal-wrapper
  background-color: rgba($color-jaguar, 0.965)

  &:after
    display: none

.remodal
  position: relative

.remodal-close
  position: fixed
  top: 0
  right: 15px

  &, &:hover, &:focus
    background-color: transparent
    border: none
    padding: 0

  &:before
    transition: all 250ms
    transform: rotate(0)
    font-family: $font-arial
    font-size: 3rem
    line-height: 4rem
    display: block
    position: static
    width: 4rem
    content: "\00d7"
    text-align: center
    color: white

  &:hover, &:focus
    &:before
      transform: rotate(180deg)


/*
 * Animating selectors.
 */

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards

.remodal-overlay.remodal-is-opening
  -webkit-animation: remodal-overlay-opening-keyframes 0.3s;
  animation: remodal-overlay-opening-keyframes 0.3s

.remodal-overlay.remodal-is-closing
  -webkit-animation: remodal-overlay-closing-keyframes 0.3s;
  animation: remodal-overlay-closing-keyframes 0.3s

.remodal.remodal-is-opening,
.remodal.remodal-is-closing
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards

.remodal.remodal-is-opening
  -webkit-animation: remodal-opening-keyframes 0.3s;
  animation: remodal-opening-keyframes 0.3s

.remodal.remodal-is-closing
  -webkit-animation: remodal-closing-keyframes 0.3s;
  animation: remodal-closing-keyframes 0.3s

/*
 * Animating keyframes.
 */

@-webkit-keyframes remodal-opening-keyframes
  from
    opacity: 0
    top: -50%
  to
    opacity: 1
    top: 0

@keyframes remodal-opening-keyframes
  from
    opacity: 0
    top: -50%
  to
    opacity: 1
    top: 0

@-webkit-keyframes remodal-closing-keyframes
  from
    opacity: 1
  to
    opacity: 0

@keyframes remodal-closing-keyframes
  from
    opacity: 1
  to
    opacity: 0

@-webkit-keyframes remodal-overlay-opening-keyframes
  from
    opacity: 0
  to
    opacity: 1

@keyframes remodal-overlay-opening-keyframes
  from
    opacity: 0
  to
    opacity: 1

@-webkit-keyframes remodal-overlay-closing-keyframes
  from
    opacity: 1
  to
    opacity: 0

@keyframes remodal-overlay-closing-keyframes
  from
    opacity: 1
  to
    opacity: 0

{'fraction_non_alphanumeric': 0.10031282586027111, 'fraction_numerical': 0.03180396246089677, 'mean_word_length': 2.0918762088974856, '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': '7045249', 'n_tokens_mistral': 3600, 'n_tokens_neox': 3182, 'n_words': 780}