<commit_before>@import 'vars';
@import 'typography';

html,body {
  font-family: Helvetica, sans-serif;
  color: $font-color--dark;
  background-color: $background--light;
  height: 100%;
  margin:0;
  padding: 0;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;
}

.clearfix {
  clear: both;
}

.uns-main-view {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  background: url("../images/backgrounds/wood-background.jpg") no-repeat center center fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.uns-btn {
  display: inline-block;
  height: 2em;
  padding: 0.5em;
  border-radius: 0.5em;
  border: 1px solid #303030;
  background: #ccc;
  color: #303030;
  line-height: 2em;
  text-align: center;
}

.uns-btn-primary {
  background: #6B4724;
  color: #fafafa;
  border-color: #303030;
}

.uns-btn-primary:active {
  background: #4B3219;
}

.uns-btn-lg {
  height: 4em;
  padding: 1em 6em;
  line-height: 4em;
}

/* Alchemy Table */
.uns-alchemy-nav {
  width: 100%;
  height: 15%;
  background-color: #996633;
  opacity: 0.5;
}

.uns-alchemy-table {
  height: 85%;
  width: 100%;
}

.uns-energy-container {
  width: 80%;
  height: 100%;
  float: left;
  position: relative;
}

.uns-navigation-buttons {
  height: 100%;
  width: 20%;
  float: left;
}

.uns-energy-bar {
  height: 50%;
  width: 95%;

  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 2.5%;
}

.uns-energy-bar > div {
  height: 100%;
  background-color: $blue;
}

.uns-energy-bar,
.uns-energy-bar > div {
  border-radius: 0.5em;
}

.uns-element-container,
.uns-element-container img {
  width: 3em;
  height: 3em;
}

.uns-element-container {
  text-align: center;
  color: #ccc;
}

/* Game Over */
.uns-gameover-background {
  width: 100%;
  height: 100%;
  background: url("../images/backgrounds/game-over.jpg") no-repeat center center fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.uns-btn-gameover {
  position: absolute;
  width: 25%;
  padding: 1em 10%;
  top: 45%;
  left: 27.5%;
  font-size: 1.5em;
}<commit_msg>fixed some styling<commit_after>@import 'vars';
@import 'typography';

html,body {
  font-family: Helvetica, sans-serif;
  color: $font-color--dark;
  background-color: $background--light;
  height: 100%;
  margin:0;
  padding: 0;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;
}

.clearfix {
  clear: both;
}

.uns-main-view {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  background: url("../images/backgrounds/wood-background.jpg") no-repeat center center fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.uns-btn {
  display: inline-block;
  height: 2em;
  padding: 0.5em;
  border-radius: 0.5em;
  border: 1px solid #303030;
  background: #ccc;
  color: #303030;
  line-height: 2em;
  text-align: center;
}

.uns-btn-primary {
  background: #9900CC;
  color: #fafafa;
  border-color: #fafafa;
}

.uns-btn-primary:active {
  background: #6B008F;
}

.uns-btn-lg {
  height: 4em;
  padding: 1em 6em;
  line-height: 4em;
}

/* Alchemy Table */
.uns-alchemy-nav {
  width: 100%;
  height: 15%;
  background-color: #5C3D1F;
  opacity: 0.5;
}

.uns-alchemy-table {
  height: 85%;
  width: 100%;
}

.uns-energy-container {
  width: 80%;
  height: 100%;
  float: left;
  position: relative;
}

.uns-navigation-buttons {
  height: 100%;
  width: 20%;
  float: left;
}

.uns-energy-bar {
  height: 50%;
  width: 95%;

  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 2.5%;
}

.uns-energy-bar > div {
  height: 100%;
  background-color: $blue;
}

.uns-energy-bar,
.uns-energy-bar > div {
  border-radius: 0.5em;
}

.uns-element-container,
.uns-element-container img {
  width: 3em;
  height: 3em;
}

.uns-element-container {
  text-align: center;
  color: #ccc;
}

/* Game Over */
.uns-gameover-background {
  width: 100%;
  height: 100%;
  background: url("../images/backgrounds/game-over.jpg") no-repeat center center fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.uns-btn-gameover {
  position: absolute;
  width: 25%;
  padding: 1% 10%;
  top: 45%;
  left: 27.5%;
  font-size: 1.5em;
}
{'fraction_non_alphanumeric': 0.1707369323050557, 'fraction_numerical': 0.04605826906598115, 'mean_word_length': 3.063533507397737, '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': '2840034', 'n_tokens_mistral': 2031, 'n_tokens_neox': 1835, 'n_words': 410}