/* CSS Document */

* {
	box-sizing: border-box;
}

body, html {
	background-color: #f5f5f5;
	color: #231f20;
	font-family: 'Grafista-UI', monospace;
	font-size: 20px;
	line-height: 1.2em;
}

.padded {
	padding: 20px;
}

.shadowed {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}

.shadowed:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.custom-params {
	-webkit-columns: 200px 4;
	   -moz-columns: 200px 4;
	        columns: 200px 4;
}