<commit_before>
@import 'plugins/bourbon/bourbon'
@import 'https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i';

$navbar_color : #7f8c8d

//mixins

@mixin transform($value)
    -webkit-transform: $value
    -moz-transform:    $value
    -ms-transform:     $value
    -o-transform:      $value
    transform:         $value

@mixin border-radius($radius)
 	
	-webkit-border-radius: $radius
	-moz-border-radius: $radius
	-ms-border-radius: $radius
	-o-border-radius: $radius
	border-radius: $radius

@mixin transition($transition) 
    -moz-transition:    $transition
    -o-transition:      $transition
    -webkit-transition: $transition
    -ms-transition: $transition
    transition:         $transition


@mixin box-shadow($value)
	-webkit-box-shadow: $value
	-moz-box-shadow: $value
	-o-box-shadow: $value
	-ms-box-shadow: $value
	box-shadow: $value

@mixin keyframes($name)
  @-webkit-keyframes #{$name}
    @content
  @-moz-keyframes #{$name}
    @content
  @-ms-keyframes #{$name}
    @content
  @keyframes #{$name}
    @content


@mixin animation($value)
	-webkit-animation: $value 
	-moz-animation:    $value 	
	-o-animation:      $value 
	animation:         $value 



$event_background:black

body
	width: 100%
	background:
		color: black	
	//font-size: 160%  // for responsive font
	overflow-scrolling: auto
	-webkit-overflow-scrolling: auto
	font-family: 'Roboto',sans-serif
	font-weight: 400
	font-style: normal;

canvas
	width: 100%;

.left-modal
	position: relative
	padding: 2%
	margin: auto 0	
	z-index: 10000
	float: left
.right-modal
	position: relative
	padding: 2%	
	z-index: 100000
	float: right

.top
	position: relative
	top:0
.down
	position: relative
	bottom: 0

// #highlight
// 	display: inline
// 	height: calc(10vh) !important
// 	width:  75px 
// 	position: relative
// 	margin: 0px !important
// 	padding: 0px !important

// 	z-index: -1
// 	transform: translateX(0);
// 	background: rgba(255,255,255,0.3);
// 	+clearfix
nav
	background:  darken($navbar_color,30%)
	position: fixed
	top: 0
	z-index: 1000

	li
		max-height: 75px
		//min-height: 70px
nav .current-nav
	background: transparent
	height: 100%
	width: 20%
	ul li
		position: absolute
		padding-left: 10px

nav .side-nav
	background: darken(#2c3e50,30%)

.register
	background: white
	display: flex;
	display: -webkit-flex
	justify-content: center
	align-items: center
	position: fixed 
	left: 0;
	bottom: 45px;
	width: 3%
	height: 7vh
	z-index: 1000
	color: white

	span<commit_msg>Bus abb bc<commit_after>
@import 'plugins/bourbon/bourbon'
@import 'https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i';

$navbar_color : #7f8c8d

//mixins

@mixin transform($value)
    -webkit-transform: $value
    -moz-transform:    $value
    -ms-transform:     $value
    -o-transform:      $value
    transform:         $value

@mixin border-radius($radius)
 	
	-webkit-border-radius: $radius
	-moz-border-radius: $radius
	-ms-border-radius: $radius
	-o-border-radius: $radius
	border-radius: $radius

@mixin transition($transition) 
    -moz-transition:    $transition
    -o-transition:      $transition
    -webkit-transition: $transition
    -ms-transition: $transition
    transition:         $transition


@mixin box-shadow($value)
	-webkit-box-shadow: $value
	-moz-box-shadow: $value
	-o-box-shadow: $value
	-ms-box-shadow: $value
	box-shadow: $value

@mixin keyframes($name)
  @-webkit-keyframes #{$name}
    @content
  @-moz-keyframes #{$name}
    @content
  @-ms-keyframes #{$name}
    @content
  @keyframes #{$name}
    @content


@mixin animation($value)
	-webkit-animation: $value 
	-moz-animation:    $value 	
	-o-animation:      $value 
	animation:         $value 



$event_background:black

body
	width: 100%
	background:
		color: black	
	//font-size: 160%  // for responsive font
	overflow-scrolling: auto
	-webkit-overflow-scrolling: auto
	font-family: 'Roboto',sans-serif
	font-weight: 400
	font-style: normal;

canvas
	width: 100%;

.left-modal
	position: relative
	padding: 2%
	margin: auto 0	
	z-index: 10000
	float: left
.right-modal
	position: relative
	padding: 2%	
	z-index: 100000
	float: right

.top
	position: relative
	top:0
.down
	position: relative
	bottom: 0

// #highlight
// 	display: inline
// 	height: calc(10vh) !important
// 	width:  75px 
// 	position: relative
// 	margin: 0px !important
// 	padding: 0px !important

// 	z-index: -1
// 	transform: translateX(0);
// 	background: rgba(255,255,255,0.3);
// 	+clearfix
nav
	background:  darken($navbar_color,30%)
	position: fixed
	top: 0
	z-index: 1002

	li
		max-height: 75px
		//min-height: 70px
nav .current-nav
	background: transparent
	height: 100%
	width: 20%
	ul li
		position: absolute
		padding-left: 10px

nav .side-nav
	background: darken(#2c3e50,30%)

.register
	background: white
	display: flex;
	display: -webkit-flex
	justify-content: center
	align-items: center
	position: fixed 
	left: 0;
	bottom: 45px;
	width: 3%
	height: 7vh
	z-index: 1000
	color: white

	span
{'fraction_non_alphanumeric': 0.1389823797267868, 'fraction_numerical': 0.04711938230053455, 'mean_word_length': 3.2704987320371934, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, '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': '5484868', 'n_tokens_mistral': 2136, 'n_tokens_neox': 1884, 'n_words': 433}