<commit_before>@require '../../../components/main_layout/stylesheets/index'
@require './grid_styles'

.collect-art__svg-icon
  display inline
  vertical-align middle
  margin-right 10px

.collect-art-responsive-layout-container
  .collect-art-main-layout-container
    margin 0 auto
    max-width 1250px
  margin 0 20px
  @media screen and (min-width: 768px)
    margin 0 55px
  @media screen and (min-width: 1440px)
    margin 0 150px
  @media screen and (min-width: 1660px)
    margin 0 200px

.collect-art-show-on-mobile
  display none
  @media screen and (max-width: 768px)
    display inherit

.collect-art-show-on-desktop
  display inherit
  @media screen and (max-width: 768px)
    display none

.collect-art-text-center-on-mobile
  text-align inherit
  @media screen and (max-width: 768px)
    text-align center

.collect-art-signup-button
  avant-garde-size('body')
  display inline-block
  width 190px
  height 45px
  line-height 45px
  background-color #6e1fff
  color white
  text-align center
  text-decoration none
  transition background-color .25s,color .25s
  &:hover
    background-color black

.collect-art-buttons
  width 270px
  height 45px
  box-sizing border-box
  > i
    margin-left 0

.ba__email-signup-button
  @extends .avant-garde-button
  @extends .collect-art-buttons
  padding 0 15px
  line-height 45px
  margin-right 20px
  background-color #ffffff
  transition background-color .25s,color .25s
  .collect-art__svg-icon
    width 23px
    height 17px
    display inline-block
    vertical-align text-bottom
  &:hover
    .collect-art__svg-icon
      background-position 0 17px
    color white
    background-color #6e1fff
.ba__facebook-signup-button
  @extends .collect-art-buttons
  padding 15px
  background-color #586DB8
  color white
  avant-garde-size('body')
  text-decoration none
  line-height 1
  transition background-color .25s,color .25s
  &:hover
    background-color purple-color
  > i
    line-height 0
    vertical-align -8px

background-size-cover()
  background-position center
  background-repeat no-repeat
  background-size cover

.collect-art-header
  background-size-cover()
  height 700px
  color white
  display flex
  align-items center
  position relative
  .icon-logotype
    font-size 35px
    position absolute
    top 30px
    left 30px
  &__content
  &__title
    garamond-size('xxl-headline', true)
    max-width 580px
  &__signup-buttons
    display inline-block
    margin-top 35px
  &__chevron
    position absolute
    bottom 20px
    left 0
    width 100%
    text-align center
    transform rotate(90deg)
    opacity 0.5
    i
      font-size 46px

.collect-art-intro
  height 800px
  display flex
  align-items center
  justify-content center
  position relative
  &__desktop-background-image
    background-size-cover()
    height 800px
    width 100%
    position absolute
    z-index -1
  &__mobile-background-image
    background-size-cover()
    height 560px
    width 100%
    position absolute
    z-index -1
  &__title
    garamond-size('xl-headline')
    max-width 387px
    margin 0 auto
    text-align center
    margin-bottom 20px
  &__subtitle
    garamond-size('s-headline')
    text-align center
  &__stat_container
    display flex
    margin-top 20px
    margin-left auto
    margin-right auto
    width 750px
    height 100px
  &__stat
    flex 1<commit_msg>fix for safari, firefox, and IE browsers<commit_after>@require '../../../components/main_layout/stylesheets/index'
@require './grid_styles'

.collect-art__svg-icon
  display inline
  vertical-align middle
  margin-right 10px

.collect-art-responsive-layout-container
  .collect-art-main-layout-container
    margin 0 auto
    max-width 1250px
  margin 0 20px
  @media screen and (min-width: 768px)
    margin 0 55px
  @media screen and (min-width: 1440px)
    margin 0 150px
  @media screen and (min-width: 1660px)
    margin 0 200px

.collect-art-show-on-mobile
  display none
  @media screen and (max-width: 768px)
    display inherit

.collect-art-show-on-desktop
  display inherit
  @media screen and (max-width: 768px)
    display none

.collect-art-text-center-on-mobile
  text-align inherit
  @media screen and (max-width: 768px)
    text-align center

.collect-art-signup-button
  avant-garde-size('body')
  display inline-block
  width 190px
  height 45px
  line-height 45px
  background-color #6e1fff
  color white
  text-align center
  text-decoration none
  transition background-color .25s,color .25s
  &:hover
    background-color black

.collect-art-buttons
  width 270px
  height 45px
  box-sizing border-box
  > i
    margin-left 0

.ba__email-signup-button
  @extends .avant-garde-button
  @extends .collect-art-buttons
  padding 0 15px
  line-height 45px
  margin-right 20px
  background-color #ffffff
  transition background-color .25s,color .25s
  .collect-art__svg-icon
    width 23px
    height 17px
    display inline-block
    vertical-align text-bottom
  &:hover
    .collect-art__svg-icon
      background-position 0 17px
    color white
    background-color #6e1fff
.ba__facebook-signup-button
  @extends .collect-art-buttons
  padding 15px
  background-color #586DB8
  color white
  avant-garde-size('body')
  text-decoration none
  line-height 1
  transition background-color .25s,color .25s
  &:hover
    background-color purple-color
  > i
    line-height 0
    vertical-align -8px

background-size-cover()
  background-position center
  background-repeat no-repeat
  background-size cover

.collect-art-header
  background-size-cover()
  height 700px
  color white
  display flex
  align-items center
  position relative
  .icon-logotype
    font-size 35px
    position absolute
    top 30px
    left 30px
  &__content
  &__title
    garamond-size('xxl-headline', true)
    max-width 580px
  &__signup-buttons
    display inline-block
    margin-top 35px
  &__chevron
    position absolute
    bottom 20px
    left 0
    width 100%
    text-align center
    transform rotate(90deg)
    opacity 0.5
    i
      font-size 46px

.collect-art-intro
  height 800px
  display flex
  align-items center
  justify-content center
  position relative
  &__desktop-background-image
    background-size-cover()
    height 800px
    width 100%
    position absolute
    z-index -1
    left 0
    top 0
  &__mobile-background-image
    background-size-cover()
    height 560px
    width 100%
    position absolute
    z-index -1
    left 0
    top 0
  &__title
    garamond-size('xl-headline')
    max-width 387px
    margin 0 auto
    text-align center
    margin-bottom 20px
  &__subtitle
    garamond-size('s-headline')
    text-align center
  &__stat_container
    display flex
    margin-top 20px
    margin-left auto
    margin-right auto
    width 750px
    height 100px
  &__stat
    flex 1
{'fraction_non_alphanumeric': 0.07923133776792314, 'fraction_numerical': 0.04523281596452328, 'mean_word_length': 2.807540799099606, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '521169', 'n_tokens_mistral': 2486, 'n_tokens_neox': 2201, 'n_words': 595}