/*CSS Document used for homework2 assignment
Author: Joe Licavoli
Course: ITWP1050

/* This centers & changes font size of all text in the H1 tag*/
h1 {
	/* This centers the text*/
	text-align: center;
	/* This changes the font size*/
	font-size: 35px;
}

/* This creates the border around the image and sets the radius*/
img {
	/* Creates the border style, size, and color*/
	border:solid 1px black ;
	/* This sets the radius on the border giving it the curved look*/
	border-radius: 50px;
}

/* This centers the image using the div class .image */
.image { 
	/* This enables the .image container to become a flex container making it easier to postion*/
	display: flex;
	/* This part aligns the image horizontally*/
	justify-content: center;
	/* This sets the width of the image */
	width: auto;
	/* This sets the height of the image */
	height: 400px;
 }

/* This centers the text, sets the margins, changes the font & size of everything in the p tags*/
body {
	/*This centers the text*/
	text-align: center;
	/*This sets the margins*/
	margin: 25px;
	/*This changes the font*/
	font-family: Arial, Helvetica, sans-serif;
	/*This changes the font size*/
	font-size: 1em;
}

/* This is the pseudo class for the hyperlink */
a.red::after {
	/* Inserts the word external into the hyperlink */
	content: "(External!)";
	/* Turns the word red*/
	color: red;
}


/* Makes everything with the span tag change color*/
span {
	/* Changes the text to red */
	color: red;
}

/* This centers all text in the footer*/
footer {
	/* This centers the text */
	text-align: center;
	/* This sets both the top & bottom margins */
	margin-top: 50px;
	margin-bottom: 50px;
}
/* This is a universal selector */
* {
	/* Changes all text color */
	color: #9ACD32;
	/* Changes the back ground color to gray*/
	background-color: #696969;
}