css preset styles - starting a project

CSS Preset Styles

/* ================================================================
      Author
   ================================================================ */
   /* 	Graphic Design Phoenix
		http://www.graphicdesignphx.com
		[email protected]
		602-688-9360 				*/

/* ================================================================
      Presets
   ================================================================ */

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
html {
	overflow-y: scroll;
	vertical-align: baseline;
}
body {
	font-size:62.5%;
	line-height:1.5;
	color:#222;
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

/* ================================================================
      Helper Classes
   ================================================================ */

/* non-breaking hyphen ‑ */

#codesnippets {
	-webkit-transition:		all .2s ease-in-out;
	-moz-transition: 		all .2s ease-in-out;
	-o-transition: 			all .2s ease-in-out;
	transition: 			all .2s ease-in-out;

	-webkit-border-radius: 	10px;
	-moz-border-radius: 	10px;
	border-radius: 			10px;

	-webkit-box-shadow:		0 9px 12px rgba(0,0,0,0.5);
	-moz-box-shadow: 		0 9px 12px rgba(0,0,0,0.5);
	box-shadow:				0 9px 12px rgba(0,0,0,0.5);

	-webkit-box-shadow: 	inset 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 		inset 0 1px 2px rgba(0,0,0,0.5);
	box-shadow: 			inset 0 1px 2px rgba(0,0,0,0.5);
}
/* Alternative Image Replacement Class */
.ir {
	border: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	background-color: transparent;
}
.ir {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.polaroid {
	padding:10px;
	background: #fff;
	-webkit-box-shadow:	0 0 1px rgba(0,0,0,0.25),
						0 10px 9px -5px rgba(0,0,0,0.3);
	-moz-box-shadow: 	0 0 1px rgba(0,0,0,0.25),
	  					0 10px 9px -5px rgba(0,0,0,0.3);
	box-shadow: 		0 0 1px rgba(0,0,0,0.25),
	  					0 10px 9px -5px rgba(0,0,0,0.3);
}
/* Self-Clear Float Class */
.group:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}