html {
  background-color: #adc689;
}

body {
  margin: 0 0 0 50px;
}

h1 {
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  width: 475px;
}

.page-header {
  margin: 0 auto 0 50px;
  color: #349948;
  width: 100%;
  transform: translate(-40px);
}

.brain-data-container {
  margin: 10px 10px 10px 10px;
  min-width: 200px;
  display: inline-block;
  background-color: #133133;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0 5px 5px 5px;
}

.brain-data-heading {
  background-color: #266299;
  color: #ffffff;
  transform: translate(-10px);
  padding: 0 10px 0 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.brain-data-row {
  display: block;
  color: #123456;
  padding: 0 0 10px 0;
}

.brain-data-value {
  background-color: #fff;
  width: 100px;
  padding: 0 10px 0 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.delta {
  color: #13cfbb;
}

.theta {
  color: #12d473;
}

.loAlpha {
  color: #11da25;
}

.hiAlpha {
  color: #4cdf10;
}

.loBeta {
  color: #a1e40f;
}

.hiBeta {
  color: #e9d70d;
}

.loGamma {
  color: #ee820c;
}

.midGamma {
  color: #f4280a;
}

.brain-data-category {
  width: 100px;
  display: inline-block;
}

.brain-data-value {
  color: #ff0000;
  display: inline-block;
}

.cleared-data-value {
  color: #000000;
}