@charset "utf-8";
/* CSS Document */

.boxModel {
	border: medium dashed black;
	background-color : #ddd;
	padding: 1em;
	margin: 5em;
}

.separates {
	border: medium dotted black;
	border-top: medium solid blue;
	border-bottom: medium dashed black;
	padding-top: 3em;
	padding-left: 9px;
	padding-bottom: 6px;
	margin-right: 20px;
	margin-left: 10%;
}

#shortHand {
	margin: 0 10px 10px 20px;
	padding: 10px 5px 5px 10px;
}
#atOnce {
	margin: 0px;
	padding: 10px;
}
#marginAuto {
	margin: auto;
	width: 50%;
}


h2 {
	text-align: center;
	border-top: medium dotted #ddd;
	border-left: medium dotted #ddd;
	padding: 5px;
	margin-right:50%;
	color: rgba( 50, 50, 50, 0.5);
   }


h4 {
	display:inline-block;
	background-color: #eee;
	/* display:block w float:left will work also*/
	/* padding:auto doesn exist inherit or value */
	margin: 3px;
}

#independentBorders {
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 4px dashed #333;
	padding: 1em;
	/* or specify all four then, Last one in wins *
	border: 2px solid black;
	border-bottom: 4px dashed #333 */
}

h5 {
	
	font-size: 2em;
	color: white;
	background-color: cornflowerblue;
	border: medium solid blue;
	display: inline-block;
	margin: 3em;
}

h6 {
	font-size: 1.5em;
	color:black;
	background-color:wheat;
	border: thin solid black;
	display: inline-block;
	padding: 1em;
	margin: 1em;
	width: 40%;

}