body {
	font-family: 'Quicksand', sans-serif;
}

.scrollbar-hide::-webkit-scrollbar {
	display: none;
}

.scrollbar-hide {
	-ms-overflow-style: none;
}

.answer-text {
	font-size: 10vw;
	text-align: center;
}

.answer-subtext {
	font-size: 1vw;
	text-align: center;
}

.error-subtext {
	font-size: .75vw;
	text-align: center;
}

.answer-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.bg-color-live {
	background-color: #60d394;
}

.bg-color-notlive {
	background-color: #ee6055;
}

.bg-color-unknown {
	background-color: #777;
}

#progressBar {
  width: 100%;
  height: 10px;
	bottom: 0px;
	position: absolute;
}

#progressBar div {
  height: 100%;
  background-color: #4A4A4A;
}

@media only screen and (max-width: 600px) {
  .answer-text {
		font-size: 25vw;
		text-align: center;
	}
	
	.answer-subtext {
		font-size: 2.5vw;
		text-align: center;
	}

	.error-subtext {
		font-size: 1.875vw;
		text-align: center;
	}
}