body {
  background-color: black;
  color: #babdb6;

  margin-top: 3em;
}

dd {
  margin-bottom: 0.5em;
}


/* hidden by default (shown with JS) */
.hasjs {
  display: none;
}

/* simple CSS grammar sugar */
.until {
  display: none;
}
.hasjs.until {
  display: block;
}

/* display idle elements only until testing */
.testing .while-idle {
  display: none;
}


.topbox {
  position: absolute;
  display:  block;

  top:   0px;
  left:  0px;
  right: 0px;

  padding: 0.25em;

  line-height: 2em;
}

.notice {
  display: none;

  background-color: #fce94f;
  border-bottom: 2px solid #f4d030;

  color: black;
}
.notice.active {
  display: block;
}


#interval,
#blank,
#samples,
#delay {
  width: 3em;
}


.render {
  position: absolute;
}


/*** color test ***/
.render .color-display {
  display: block;

  margin: 0px auto;
  border-radius: 2em;

  width: 300px;
  height: 300px;
}