*,
*:after,
*:before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
html, body {
	height: 100%;
}
html {
	text-rendering: optimizeLegibility;
	line-height: 1.25em;
	letter-spacing: 0.04em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	display: table;
	background: #202A44;
	background: -moz-radial-gradient(center, ellipse cover, #202A44 0%, #155F99 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #202A44 0%,#155F99 100%);
	background: radial-gradient(ellipse at center, #202A44 0%,#155F99 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4799da', endColorstr='#155F99',GradientType=1 );
	color: #fff;
	width: 100%;
}
.container {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	text-align: center;
}


.timer .inactive {
	color: #000;
	opacity: .25;
	pointer-events: none;
}
.timer_time {
	display: table;
	padding-top: 10px;
	margin: auto;
	margin-bottom: 1rem;
	font-size: 64px;
	font-weight: 700;
}
	.timer_time span {
		display: table-cell;
	}
		.timer_time .timer_time-ms {
			font-size: 32px;
		}
.timer .timer_control {
	text-align: center;
}
	.timer .timer_control .timer_control_button {
		display: inline-block;
		margin-right: 2rem;
		height: 48px;
		width: 48px;
		cursor: pointer;
	}
	.timer .timer_control .timer_control_button:last-child {
		margin-right: 0;
	}
	.timer .timer_control .timer_control_button:hover {
		background-color: rgba(255, 255, 255, .15);
	}
	.timer .timer_control .timer_control_button.timer_play-pause {
		border-radius: 100%;
	}
		.timer .timer_control .timer_control_button svg {
			height: 100%;
			width: 100%;
			stroke: currentColor;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
		}
			.timer .timer_control .timer_control_button svg .timer_pause {
				display: none;
			}
			.timer .timer_control .timer_control_button svg .circular-progression_bg,
			.timer .timer_control .timer_control_button svg .circular-progression {
				transform: rotate(90deg);
				transform-origin: center;
			}
			.timer .timer_control .timer_control_button svg .circular-progression_bg {
				stroke: #000;
				opacity: .05;
			}
			.timer .timer_control .timer_control_button:hover svg .circular-progression_bg {
				opacity: 0;
			}

.article {
	padding: 5% 20% 1%;
	text-align: left;
}

.article a {
	color:yellow;
}