body {
	color: white;
	background: black;
	image-rendering: pixelated;
}

#root-container {
	margin: auto;
	text-align: center;
	width: min-content;
}

.content {
	margin-top: 0.75em;
}

.grey {
	color: #ddd !important;
}

img {
	width: 102%; /* Make location icon line up */
}

hr {
	border: none;
	height: 1px;
	background-color: #333;
  margin-bottom: 1em;
}

/* Program */
.program-entry {
  position: relative;
}

.program-progress {
  display: inline-block;
  background: #006688;
  height: 1.2em;
  position: absolute;
  left: 0;
}

.program-text {
  position: absolute;
  top: 0px;
  left: 0px;
}

.program-divider {
  margin-bottom: 0.4em;
}

.rainbow {
  background: linear-gradient(
    90deg,
    rgba(255, 0, 0, 1) 0%,
    rgba(255, 154, 0, 1) 10%,
    rgba(208, 222, 33, 1) 20%,
    rgba(79, 220, 74, 1) 30%,
    rgba(63, 218, 216, 1) 40%,
    rgba(47, 201, 226, 1) 50%,
    rgba(28, 127, 238, 1) 60%,
    rgba(95, 21, 242, 1) 70%,
    rgba(186, 12, 248, 1) 80%,
    rgba(251, 7, 217, 1) 90%,
    rgba(255, 0, 0, 1) 100%
  );
  opacity: 0.8;
}