mod.css

/* Modular CSS */

*{
	box-sizing: border-box;
}

body{
	background-color: #FFF;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 20px;
	color: #333;
}

a{
	color: gray;
	text-decoration: none;
}

}
#container{
	width: 100%;
	max-width: 50vw;
	margin: 0 auto;
}

#modular{
	text-align: center;
}

#controls{
	font-size: 32px;
	text-align: center;
}

input{
	font-size: 24px;
	font-weight: lighter;
	text-align: center;
	max-width: 560px;
	color: #333;
	background-color: #EEE;
	border: none;
	padding: .5ex 1ex;
}

a:hover,
input:focus{
	color: #EA5B13;
}


#credits{
	display: aural;
	visibility: hidden;
	margin: 3em 0 0 0;
	text-align: center;
	color: lightgray;
	font-size: 11px;
}

#credits li{
	list-style-type: none;
	display: inline-block;
	margin: 0 1em;
}

#yell{
	display: none;
	color: rgba(255, 255, 255, .4);
	font-size: 80%;
	text-align: center;
}

input[type="range"]{
	display: block;
	width: 80%;
	text-align: center;
	margin: 1em auto;
}