<commit_before>@import 'reset.scss'

$darken-blue-almost-grey:#1A1C34
$lighten-blue-almost-grey:#32375F

$darken-blue:#4A5382
$lighten-blue:#757AA4

*
   box-sizing: border-box

body
   display: flex
   flex-direction: row

body > header
   background-color: $darken-blue-almost-grey
   background-image: url("bg.jpg")
   background-position: bottom center
   background-size: cover
   height: 100vh
   width: 30vw
   min-width: 400px
   padding: 50px 15px 15px
   display: flex
   flex-wrap: wrap
   flex-direction: column
   justify-content: flex-start
   position: relative
   box-shadow: inset 0px 0px 15px 2px $darken-blue-almost-grey

   > *
      position: relative
      z-index: 2

   &::before
      content: ''
      position: absolute
      width: calc(100% - 30px)
      height: calc(100% - 30px)
      border: 1px solid rgba(255,255,255,0.3)
      top: 14px
      left: 14px
      z-index: 1

   h1
      font-family:  'Quicksand', sans-serif
      font-size: 30px
      color: #fff
      text-align: center
      padding: 5px 0
      display: block
      width: 100%
      text-transform: capitalize
      text-shadow: 0px 2px 3px #000

   .thumb
      width: 160px
      height: 160px
      overflow: hidden
      border-radius: 50%
      margin: 0 auto
      box-shadow: 0px 0px 15px 1px rgba(0,0,0, 0.3)

      img
         width: 100%
   
   nav
      width: 100%
      flex-grow: 1
      margin-top: 50px

      li
         width: 100%
         text-align: center
         font-size: 20px
         letter-spacing: 4px
         text-transform: capitalize

      a
         color: #fff
         font-family: Helvetica
         text-decoration: none
         display: block
         text-shadow: 0px 2px 3px #000
         padding: 10px 0px

         &:hover
            text-decoration: underline

   footer
      padding: 15px 20px
      width: 100%
      background-color: transparentize($darken-blue-almost-grey, 0.6)
      position: relative

      > a
         color: #fff
         font-size: 16px
         text-decoration: none
         font-family: Helvetica
         text-align: center
         margin-bottom: 10px
         display: block
      
      .social
         display: flex
         justify-content: center
         
         a
            margin: 0 5px

      .icon
         width: 20px

      &::before
         content: ''
         position: absolute
         border-bottom: 30px transparentize($darken-blue-almost-grey, 0.6) solid
         border-left: 185px transparent solid
         border-right: 185px transparent solid
         top: -30px
         left: 50%
         transform: translateX(-50%)

main
   flex-grow: 1
   display: flex
   flex-wrap: wrap
   justify-content: space-around
   padding-top: 30px
   overflow-y: auto
   height: 100vh
   position: relative
   align-content: flex-start

   footer
      background-color: $darken-blue-almost-grey
      width: 100%
      position: absolute
      bottom: 0
      color: #fff
      text-align: center
      font-family: helvetica
      padding: 10px 0
      display: none

   section
      font-family: Helvetica
      padding: 20px 30px
      border: 1px solid transparentize($darken-blue-almost-grey, 0.8)
      border-radius: 5px
      max-width: 400px
      position: relative
      margin: 10px 10px 20px
      display: flex
      flex-wrap: wrap
      transition: 0.3s ease all

      &._empty
         height: 0
         width: 100%
         padding: 0
         border: none
         margin: 0
      
      &:hover
         box-shadow: 0px 0px 10px -2px transparentize($darken-blue-almost-grey, 0.6)

      .topic
         position: absolute
         background: $darken-blue-almost-grey
         color: #fff
         top: -13px
         left: 50%
         transform: translateX(-50%) 
         padding: 5px 15px<commit_msg>alteração na estrutura da grid<commit_after>@import 'reset.scss'

$darken-blue-almost-grey:#1A1C34
$lighten-blue-almost-grey:#32375F

$darken-blue:#4A5382
$lighten-blue:#757AA4

*
   box-sizing: border-box

body
   display: flex
   flex-direction: row

body > header
   background-color: $darken-blue-almost-grey
   background-image: url("bg.jpg")
   background-position: bottom center
   background-size: cover
   height: 100vh
   width: 30vw
   min-width: 400px
   padding: 50px 15px 15px
   display: flex
   flex-wrap: wrap
   flex-direction: column
   justify-content: flex-start
   position: fixed
   top: 0
   left: 0
   box-shadow: inset 0px 0px 15px 2px $darken-blue-almost-grey

   > *
      position: relative
      z-index: 2

   &::before
      content: ''
      position: absolute
      width: calc(100% - 30px)
      height: calc(100% - 30px)
      border: 1px solid rgba(255,255,255,0.3)
      top: 14px
      left: 14px
      z-index: 1

   h1
      font-family:  'Quicksand', sans-serif
      font-size: 30px
      color: #fff
      text-align: center
      padding: 5px 0
      display: block
      width: 100%
      text-transform: capitalize
      text-shadow: 0px 2px 3px #000

   .thumb
      width: 160px
      height: 160px
      overflow: hidden
      border-radius: 50%
      margin: 0 auto
      box-shadow: 0px 0px 15px 1px rgba(0,0,0, 0.3)

      img
         width: 100%
   
   nav
      width: 100%
      flex-grow: 1
      margin-top: 50px

      li
         width: 100%
         text-align: center
         font-size: 20px
         letter-spacing: 4px
         text-transform: capitalize

      a
         color: #fff
         font-family: Helvetica
         text-decoration: none
         display: block
         text-shadow: 0px 2px 3px #000
         padding: 10px 0px

         &:hover
            text-decoration: underline

   footer
      padding: 15px 20px
      width: 100%
      background-color: transparentize($darken-blue-almost-grey, 0.6)
      position: relative

      > a
         color: #fff
         font-size: 16px
         text-decoration: none
         font-family: Helvetica
         text-align: center
         margin-bottom: 10px
         display: block
      
      .social
         display: flex
         justify-content: center
         
         a
            margin: 0 5px

      .icon
         width: 20px

      &::before
         content: ''
         position: absolute
         border-bottom: 30px transparentize($darken-blue-almost-grey, 0.6) solid
         border-left: 185px transparent solid
         border-right: 185px transparent solid
         top: -30px
         left: 50%
         transform: translateX(-50%)

main
   flex-grow: 1
   display: flex
   flex-wrap: wrap
   justify-content: space-around
   padding-top: 30px
   overflow-y: auto
   min-height: 100vh
   position: relative
   align-content: flex-start
   margin-left: 30vw
   padding-bottom: 70px

   footer
      font-family: "Arial Black", Gadget, sans-serif
      text-align: center
      padding: 20px 0
      font-size: 14px
      background-color: $darken-blue-almost-grey
      color: #fff
      position: absolute
      bottom: 0
      width: 100%

   section
      font-family: Helvetica
      padding: 20px 30px
      border: 1px solid transparentize($darken-blue-almost-grey, 0.8)
      border-radius: 5px
      max-width: 400px
      position: relative
      margin: 10px 10px 20px
      display: flex
      flex-wrap: wrap
      transition: 0.3s ease all

      &._empty
         height: 0
         width: 100%
         padding: 0
         border: none
         margin: 0
      
      &:hover
         box-shadow: 0px 0px 10px -2px transparentize($darken-blue-almost-grey, 0.6)

      .topic
         position: absolute
         background: $darken-blue-almost-grey
         color: #fff
         top: -13px
         left: 50%
         transform: translateX(-50%) 
         padding: 5px 15px
{'fraction_non_alphanumeric': 0.08867438867438868, 'fraction_numerical': 0.054826254826254826, 'mean_word_length': 1.7586084487042954, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '4463785', 'n_tokens_mistral': 2882, 'n_tokens_neox': 2419, 'n_words': 660}