@import url(https://fonts.googleapis.com/css?family=Orbitron);

#appCont {
	text-align: center;
}
#probContainer {
	border: 4px solid #000;
	border-radius: 10px;
	background-color: #ECF0F1;
	width: 650px;
	min-width: 400px;
	margin: 1% auto;
	padding: 2% 3%;
	transition: all .2s linear;
}

#answerDiv {
	display: inline-block;
	margin-top: 1%;
}
#answerContainer, #showTheAnswer {
	background-color: #3498DB;
	color: #fff;
	margin: 0 auto 3%;
	border-radius: 10px;
	border: 2px solid #000;
	padding: 0 10px;
	display: inline-block;
}

#categoryContainer {
	margin: 0 1% 3px 1%;
}
.cat_button, .inc_button {
	display: inline-block;
	margin: 3px;
	padding: 0 5px;
	border: 2px solid #000;
	border-radius: 10px;
}

.active_cat, .active_inc {
	color: #fff;
	background-color: #3498DB;
    transition: background-color 200ms linear;
}

#timeGapChooser {
	display: inline-block;
	padding: 0 5px;
	border: 2px solid #000;
	border-radius: 10px;
	margin: 5px 10px;
}
input {
	width: 6%;
}

#digitalClockContainer {
	font-family: 'Orbitron', sans-serif;
	display: flex;
}
.digitalClock {
	margin: 0 auto;
	border: 5px solid #3498DB;
	background: #fff;
	color: #3498DB;
	border-radius: 9px;
	font-size: 1.5em;
	width: 29%;
}