body {
	padding: 15px;
	margin: 0 auto;
	margin-top: 50px;
	color: #fff;
}

#breakbtn span,
#durationbtn span {
	text-transform: uppercase;
	font-size: 1.5em;
	padding: 10px
}

.btn,
.btn-default,
.btn-md {
	display: inline;
}

#breakbtn,
#durationbtn {
	display: inline;
}

.breakcontainer,
.durationcontainer {
	display: inline;
	margin: 15px;
}

#display {
	clear: both;
	margin-bottom: 120px;
}

.flip-clock-wrapper {
	width: 300px;
	margin: 0 auto;
}

#top {
	margin-top: 20px;
	margin-bottom: 30px;
}

#bottom {
	margin-top: 20px;
	margin-bottom: 20px;
}

#workTime {
	margin-bottom: 120px;
}

#startClock,
#stopClock,
#resetClock {
	margin: 10px;
}

.container {
	border-radius: 15px;
	box-shadow: 0 0 10px #d04ed6;
	min-width: 480px;
	max-width: 480px;
	background: #834d9b;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #834d9b, #d04ed6);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #834d9b, #d04ed6);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

footer {
	width: 480px;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
}

a:hover {
	text-decoration: none;
}