<commit_before>
// Variables

$brandColor     = rgb(143, 189, 255)
$brandColorText = rgb(255, 255, 255) 
$textColor      = rgb(50, 50, 50)


// Basic

*
  box-sizing: border-box

html
  height: 100%

body
  height: 100%
  margin: 0

  background: #fff url(/images/worldmap.png) no-repeat 50% 50%
  background-size: contain

  font-family: 'Ubuntu', 'Open Sans', Helvetica, sans-serif
  font-weight: 300
  color: $textColor

h1, h2, h3, h4, h5
  font-weight: 300


// Page elements

#app,
.container
  height: 100%

header
  position: fixed
  width: 100%
  height: 3em
  padding: 0.8em
  text-align: center
  background: $brandColor url(/images/arrow-keys.png) no-repeat 98%
  color: $brandColorText


.active-time
  margin: 0
  font-size: 1.5em
  line-height: 1em
  cursor: pointer

.select-time-menu
  max-height: 0
  overflow: hidden
  transition: all 300ms

  &.open
    max-height: 10em
  


.timezone-list
  display: flex
  height: 100%;
  padding-top: 3em
  justify-content: center

.timezone<commit_msg>Vendor prefixes for flexbox. Fixes #1, Safari was displaying it on one column since it needed the -webkit-box-flex and ```display: -webkit-box```. I took this as an opportunity to add the other prefixes for it (like -ms-flexbox or -moz-flexbox).<commit_after>
// Variables

$brandColor     = rgb(143, 189, 255)
$brandColorText = rgb(255, 255, 255) 
$textColor      = rgb(50, 50, 50)


// Basic

*
  box-sizing: border-box

html
  height: 100%

body
  height: 100%
  margin: 0

  background: #fff url(/images/worldmap.png) no-repeat 50% 50%
  background-size: contain

  font-family: 'Ubuntu', 'Open Sans', Helvetica, sans-serif
  font-weight: 300
  color: $textColor

h1, h2, h3, h4, h5
  font-weight: 300


// Page elements

#app,
.container
  height: 100%

header
  position: fixed
  width: 100%
  height: 3em
  padding: 0.8em
  text-align: center
  background: $brandColor url(/images/arrow-keys.png) no-repeat 98%
  color: $brandColorText


.active-time
  margin: 0
  font-size: 1.5em
  line-height: 1em
  cursor: pointer

.select-time-menu
  max-height: 0
  overflow: hidden
  transition: all 300ms

  &.open
    max-height: 10em
  


.timezone-list
  display: -webkit-box
  display: -moz-box
  display: -ms-flexbox
  display: -webkit-flex
  display: flex
  height: 100%;
  padding-top: 3em
  justify-content: center

.timezone
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
{'fraction_non_alphanumeric': 0.12443158329888383, 'fraction_numerical': 0.0607689127738735, 'mean_word_length': 3.0604026845637584, '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': '1335989', 'n_tokens_mistral': 1065, 'n_tokens_neox': 901, 'n_words': 260}