<commit_before>/*============================/
==== REMOTE SPLIT PANE =======
=============================*/

.remote-vids {
  display: flex;
}

.remote-vids video{
  width: 100%;
  flex: 1 0 0;
  margin-top: 7px;
  max-height: 125px;
}

.videosContainer {
  position: fixed;
  background: #000;
  width: 100%;
  bottom: 0;
  max-height: 130px;
}


/*============================/
==== BASIC PAGE STYLING ======
=============================*/
html {
  width: 100%;
  height: 100%;
  font-family: 'Open Sans';
  overflow: hidden;
}

header {
  background: transparent;
  /*background: url('../assets/polygon-7.jpg') 100px;*/
  position: fixed;
  width: 100%;
  z-index: 201;
}

nav {
  display: inline-block;
  float: right;
  margin: 5px 5px 0 0 ;
}

h1 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 2em;
  color: #000;
  margin-left: 1em;
  margin-top: 0;
  margin-bottom: 0;
  z-index: -100;
  display: inline;
}


/*============================/
=== CANVAS LAYER POSITIONS ===
=============================*/
#bg {
  position: absolute;
}

#whiteboard {
  position: absolute;
  /*put whiteboard in front*/
  z-index: 200;
}

/****NAV BUTTON STYLING*****/
#drawer button {
  border: none;
  color: #fff;
  background: none;  
  font-size: 12px;

}
#drawer button:hover {
 /*border-top-color: #94a8b5;*/
 /*background: #94a8b5;*/
 color: #2e262e;
}

#drawer button:active {
 /*border-top-color: #05ab8f;*/
 /*background: #05ab8f;*/
}

#drawer button:focus {
  outline: none;
}

#drawer ul {<commit_msg>(fix) Add minor animation to in-drawer buttons.<commit_after>/*============================/
==== REMOTE SPLIT PANE =======
=============================*/

.remote-vids {
  display: flex;
}

.remote-vids video{
  width: 100%;
  flex: 1 0 0;
  margin-top: 7px;
  max-height: 125px;
}

.videosContainer {
  position: fixed;
  background: #000;
  width: 100%;
  bottom: 0;
  max-height: 130px;
}


/*============================/
==== BASIC PAGE STYLING ======
=============================*/
html {
  width: 100%;
  height: 100%;
  font-family: 'Open Sans';
  overflow: hidden;
}

header {
  background: transparent;
  /*background: url('../assets/polygon-7.jpg') 100px;*/
  position: fixed;
  width: 100%;
  z-index: 201;
}

nav {
  display: inline-block;
  float: right;
  margin: 5px 5px 0 0 ;
}

h1 {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 2em;
  color: #000;
  margin-left: 1em;
  margin-top: 0;
  margin-bottom: 0;
  z-index: -100;
  display: inline;
}


/*============================/
=== CANVAS LAYER POSITIONS ===
=============================*/
#bg {
  position: absolute;
}

#whiteboard {
  position: absolute;
  /*put whiteboard in front*/
  z-index: 200;
}

/****NAV BUTTON STYLING*****/
#drawer button {
  border: none;
  color: #fff;
  background: none;  
  font-size: 12px;

}
#drawer button:hover {
 /*border-top-color: #94a8b5;*/
 text-decoration: underline;
 font-size: 13px;
 transition: 0.1s ease-in;
}

#drawer button:active {
 /*border-top-color: #05ab8f;*/
 /*background: #05ab8f;*/
}

#drawer button:focus {
  outline: none;
}

#drawer ul {
{'fraction_non_alphanumeric': 0.276616275329688, 'fraction_numerical': 0.04824702476680605, 'mean_word_length': 3.6487294469357248, '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': '5158411', 'n_tokens_mistral': 1306, 'n_tokens_neox': 1160, 'n_words': 275}