.countdown_wrapper {
	display: flex;
	align-items: center;
	/*
	min-height: 100%;
	*/
	padding-top: 50px;
	padding-bottom: 50px;

	background-color: #001233;
	color: #fffcf9;
	font-family: Roboto;
}
.countdown_wrapper .content {
	text-align: center;
	width: 100%;
}

/* Circular progress bar */
.countdown_wrapper .circular-progress {
	position: relative;
	display: inline-block;
	margin-right: 20px;
}

.countdown_wrapper .circular-progress-circle {
	position: relative;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
}

.countdown_wrapper .segment {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vw;
	background: blue;
	transform-origin: 0 0;
	transition: transform 0.1s;
	transition-timing-function: linear;
}

.countdown_wrapper .circular-progress-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 180px;
	height: 180px;
	transform: translateX(-50%) translateY(-50%);
	background: #fff;
	border-radius: 50%;
	box-shadow: inset rgba(34, 36, 38, 0.15) 0px 0px 3px 2px;
}

.countdown_wrapper .circular-progress-value {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
}
.countdown_wrapper .circular-progress-value .progress-value {
	font-size: 400%;
	font-weight: bold;
}
.countdown_wrapper .circular-progress-value .progress-subvalue {
}

/* Original, mediocre color set */
/*
.countdown-weeks .segment {
	background-color: #009a68;
}
.countdown-days .segment {
	background-color: #fbbe0b;
}
.countdown-hours .segment {
	background-color: #34a853;
}
.countdown-minutes .segment {
	background-color: #e1110f;
}
.countdown-seconds .segment {
	background-color: #2779fe;
}
*/

/* Nathan's color set */
/*
.countdown-weeks .segment {
	background-color: #ef476f;
}
.countdown-days .segment {
	background-color: #ffd166;
}
.countdown-hours .segment {
	background-color: #06d6a0;
}
.countdown-minutes .segment {
	background-color: #118ab2;
}
.countdown-seconds .segment {
	background-color: #073b4c;
}
*/

/* Nathan's light color set */
.countdown-weeks .segment {
	background-color: #ff595e;
}
.countdown-days .segment {
	background-color: #ffca3a;
}
.countdown-hours .segment {
	background-color: #8ac926;
}
.countdown-minutes .segment {
	background-color: #1982c4;
}
.countdown-seconds .segment {
	background-color: #6a4c93;
}
.countdown-weeks .circular-progress-circle {
	background-color: #ff595e5f;
}
.countdown-days .circular-progress-circle {
	background-color: #ffca3a5f;
}
.countdown-hours .circular-progress-circle {
	background-color: #8ac9265f;
}
.countdown-minutes .circular-progress-circle {
	background-color: #1982c45f;
}
.countdown-seconds .circular-progress-circle {
	background-color: #6a4c935f;
}

.countdown_wrapper .headline {
	font-size: 300%;
	margin-bottom: 60px;
}
.countdown_wrapper .subtitle {
	font-size: 300%;
	margin-top: 60px;
}
.countdown_wrapper .circular-progress-inner {
	background-color: #001233;
}