/*
Basic CSS syntax:

- selector, which "selects" the HTML element we want to target.
- CSS property (i.e., color or font-size) we want to apply to that HTML element
- CSS property value: the color name (blue) or font size unit (10px)

selector {
	property: value;
}

*/



body { 
	background: yellow; 
	box-sizing: border-box;
	font-size: 60px;
}

p {
	box-sizing: inherit; 
	font-size: 10px; 
	width: 50%;
	margin-left: 25%;
	padding: 30px;
}

div {
	box-sizing: inherit;
	/* center this div in the page and make it half the width of the window */
	width: 50%;
	margin-left: 25%;
	
	/* add space between the border and the interior of the div */
	padding: 30px;

	/*border-width: 30px;
	border-style: solid;
	border-color: magenta;*/
	border: solid 30px magenta; /* this does the same as the three lines above */
}