jsbootcamp/exer_41.css

.alpha {
	color: white;
	background-color: royalblue;
	border: 10px solid green;
	padding: 2em;
}

.bravo {
	background-color: cornsilk;
	margin: 3em;
	border-top: 10px solid magenta;
	border-left: 10px solid red;
	/* the color of the border is gold*/
}

.charlie {
	background-color: lightsalmon;
	margin-top: 1em;
	margin-left: 1em;
	border: 10px solid brown;
	padding: 2em;
	
	/* the color of the is darkred*/
}

.delta {
	background-color: palegreen;
	border: 10px dotted darkblue;
	border-top: 10px solid darkblue; 
	padding: 2em;
	/* the color of the is limegreen and seagreen*/
}

.echo {
	background-color: pink;
	margin-left: 3em;
	margin-right: 9em;
	border: 10px solid red;
	/* the color of the is hotpink, deeppink, mediumvioletred, palevioletred*/

/* ------ NOT PART OF THE EXERCISE ------ */

/* added CSS to add nicer visuals */
body {
	background-color: #efefef;
	font-family: roboto;
	width: 500px;
	margin: 0 auto;
}

html {
	background-color: black;
}

div {
	text-align: justify;
}