/* CSS Document */
body {
font-family: 'Raleway', sans-serif;	
background:#D2F7FF;
}
.main-wrapper {
	margin: 0 auto;	
}
header {
	position: relative;
	z-index: 5;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);	
	background: #fff;
}
.fadeInBlock {
	position: relative;
	opacity: 0;	
	top: 30px;
}
/**** TYPOGRAPHY ****/
h1, h2, h3, h4, h5, h6 {
	margin: 0;	
	color: #333;
}
h1 {
	text-transform: uppercase;
	padding: 1em;
	
}
h1 span {
	color: #B7B7B7;	
	font-weight: 400;
}
p{}
/**** CONTENT ****/
#ajax {
	background: #95E5F7;
	width: 100%;
	height: 500px;	
}
#update {
	padding: 2em 2em;	
}
#scripting-content {
	padding: 2em;
	background: #F49A9D;	
}
#jquery-update {
	padding: 2em 2em;
	background: #49F3EE;	
	height: auto;
	-webkit-transition: all ease 1.8s;
	max-height: 8em;
}
#jquery-update.active {
	max-height: 999px;	
}
#names {
	outline: solid red 1px;	
}
#names.active {
 -webkit-animation: KEYFRAME-NAME 1.8s forwards 1;
}
@-webkit-keyframes KEYFRAME-NAME {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}