/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

html {
	background-color: #fff;
	color: #000;
	font-family: 'Roboto Mono', monospace;
	font-size: 20px;
	line-height: 1.4;
}

::-moz-selection {
	background-color: #ff0;
	color: #000;
}

::selection {
	background-color: #ff0;
	color: #000;
}

.js.ready body {
	transition: opacity 3s .2s;
}
	
	.js:not( .ready ) body {
		opacity: 0;
	}

a {
	color: inherit;
	text-decoration: none;
}
	
main {
	overflow: hidden;
}

.slider {
	position: relative;
	width: 100%;
	cursor: pointer;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	.slider:before {
		content: ' ';
		display: block;
		padding-bottom: 50%;
	}

	.nojs .slider {
		overflow: auto;
	}

.slider img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: auto;
	transition: transform 1s;
	will-change: transform;
}	
	
.slider .button {
	position: absolute;
	bottom: -28px;
	left: 50%;
	width: 56px;
	height: 56px;
	margin-left: -28px;
	box-shadow: 0 0 16px hsla( 0, 0%, 0%, .2 );
	z-index: 1;
	border-radius: 100%;
	background-color: hsl( 0, 0%, 70% );
	color: #fff;
	transition-property:
		background-color,
		color,
		box-shadow,
		transform;
	transition-duration: 1s;
	will-change: transform;
}
	
	.slider:hover .button {
		background-color: hsl( 0, 0%, 80% );
	}
	
	.slider:active .button {
		box-shadow: 0 0 20px hsla( 0, 0%, 0%, .3 );
		background-color: hsl( 0, 0%, 60% );
		color: hsl( 0, 0%, 80% );
		transition-duration: 0s;
		transform: scale( .95 );
	}
	
	.nojs .slider .button {
		display: none;
	}

	.slider .button svg {
		fill: currentcolor;
		position: absolute;
		top: 12px;
		left: 14px;
		width: 32px;
		height: 32px;
	}
	
	.slider.end .button {
		transform: rotate( 180deg );
	}

.content {
	max-width: 1100px;
	padding: 0 48px;
	margin: 64px auto;
}

	.content:before,
	.content:after {
		content: ' ';
		display: table;
	}
	
	.content:after {
		clear: both;
	}

	.content .column {
		float: left;
	}
	
	.large {
		width: 50%;
		padding-right: 64px;
		box-sizing: border-box;
	}
	
	.small {
		width: 25%;
	}
	
	.full {
		width: 100%;
	}

h1 {
	font-weight: 400;
	margin: 0;
}

h1,
.from {
	font-family: Radley, serif;
	font-size: 110%;
}

ul,
.get,
.getoncm {
	word-spacing: -4px;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.get,
.getoncm,
.from {
	display: inline-block;
	vertical-align: top;
}

.get,
.getoncm {
	border-radius: 8px;
	transition-duration: .4s;
}

.get {
	padding: 12px 20px;
	color: #fff;
	background-color: #35b235;
	transition-property: background-color;
}
	
	.get:hover {
		background-color: #6ccc3d;
	}

.getoncm {
	font-size: 75%;
	margin-top: 20px;
	color: #8ba753;
	border: 1px solid;
	padding: 6px 10px;
	transition-property:
		background-color,
		color;
}
	
	.getoncm:hover,
	.getoncm:active {
		color: #fff;
	}
	
	.getoncm:hover {
		background-color: #8ba753;
	}
	
.get:active,
.getoncm:active {
	background-color: #e6e6e6;
	transition-duration: 0s;
}

.getdeca {
	display: inline-block;
	vertical-align: top;
	padding: 2px;
	font-size: 90%;
	word-spacing: -6px;
	box-shadow: 0 0 8px hsl( 0, 0%, 80% );
	margin-top: 24px;
	background:
		linear-gradient(
			45deg,
			#1c29d9 25%,
			#fff 25%,
			#fff 50%,
			#ffe800 50%,
			#ffe800 75%,
			#000 75%
		);
	transition-property:
		box-shadow,
		transform;
	transition-duration: .4s;
}
	
	.getdeca:hover:not( :active ) {
		transform: scale( 1.05 );
		box-shadow: 0 0 12px hsl( 0, 0%, 90% );
	}
	
	.getdeca:active {
		transition-duration: 0s;
	}
	
	.getdeca span {
		display: block;
		padding: 10px;
		background-color: hsla( 0, 0%, 100%, .96 );
	}

.from {
	word-spacing: -2px;
	transition: opacity .4s;
}
	
	.from:hover:not( :active ) {
		opacity: .4;
	}
	
	.from:active {
		transition-duration: 0s;
	}
	
	.from img,
	.from span {
		display: inline-block;
		vertical-align: middle;
	}
	
	.from img {
		border-radius: 100%;
		margin-right: 6px;
	}

@media ( max-width: 900px ) {
	
	.content .column {
		float: none;					
	}
	
	.content .column + .column {
		padding-top: 32px;
	}
	
	.large {
		padding-right: 0;
	}
	
	.large,
	.small {
		width: auto;
	}
	
}

@media ( max-width: 600px ) {
	
	.slider .button {
		bottom: -20px;
		width: 40px;
		height: 40px;
		margin-left: -20px;
	}

		.slider .button svg {
			top: 9px;
			left: 11px;
			width: 22px;
			height: 22px;
		}
	
	.content {
		padding: 0 32px;
		margin: 48px auto;
	}
	
}