body {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: rgb(16, 16, 16);
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}

.bodytext {
  padding: 50px 20px;
  margin: 0;
  color: rgba(174, 168, 211, 1);
  font-size: 24px;
  font-family: Helvetica, Arial, sans-serif;
  list-style-type: none;
}
  
/* Control hidden items */
.hidden {
  display: none !important;
}

/* Opacity when an item is not collected */
.false {
  opacity: 0.15;
}

/* Style for the room not initialized status message */
#notInitialized {
  position: absolute;
  background: red;
  color: white;
}

/* Mark an item as a counter */
.counter {
  display: inline-block;
  overflow: hidden;
  display: inline-block;
  text-shadow: -2px -2px 2px #000, 2px -2px 2px #000, -2px 2px 2px #000, 2px 2px 2px #000;
  color: white;
  width: 100%;
  text-align: right;
}

.block-element {
  display: inline-block;
  position: relative;
}

.room-controls {
  margin: 20px;
}

.room-controls button {
  margin: 10px 0;
  display: block;
}

.badge-item {
  background-size: contain;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.ct_cycle, .ct_toggle {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

.ct_toggle {
  z-index: 1;
}

.ct_cycle {
  z-index: 2;
}

.splititem {
  position: relative;
}

.tracker, .splititem, .badge, .cycle, .toggle, .cycle div {
  display: inline-block;
}

.horiz-container {
  display: flex;
  align-items: flex-end;
}

.box1 {
  order: 1;
}

.box2 {
  order: 2;
}