jsbootcamp/exer_2.css

.alpha {
	color: white;
	background-color: royalblue;
	padding: 2em;
}

.bravo {
	background-color: cornsilk;
	margin: 2em 8em;
	border: 10px solid gold;
	/* the color of the border is gold*/
}

.charlie {
	background-color: lightsalmon;
	margin-bottom: 1em;
	border-top: 10px solid darkred;
	padding: 0em 8em 0em 3em;
	/* the color of the is darkred*/
}

.delta {
	background-color: palegreen;
	border-top: 20px solid darkgreen;
	border-left: 10px solid green;
	padding: 1em;
	/* the color of the is darkred*/
	/* the color of the is limegreen and seagreen*/
}

.echo {
	background-color: pink;
	margin-left: 1em;
	margin-right: 5em;
  border: 10px solid magenta;
  	/* 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;
}