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

/* This sets the background of the website*/
body {
	/* Sets the background to the value of the url*/
	background-image: url(table.jpg);
	/* Sets the background to reapeat and size to 100%*/
	background-repeat: repeat;
	background-size: 100%;
	/* Centers all text in the body tag*/
	text-align: center;

}

/* This is the P tag*/
p {
	/* Changes the font, size and color of the text*/
	font-family: "Lucida Console", "Courier New", monospace;
	font-size: 18px;
	color: lightgreen;
	/* This sets the background color to black */
	background-color: black;
	/* This creates the border & radius */
	border:white groove;
	border-radius: 10px;
}

/*This is the class tag for image1 & image 2*/
.image1, .image2 {
	/* Sets the background image for image1 & image2*/
	background-image: url(water.jpg);
}


/* This is the tag for img */
img {
	/* This sets the border color, size, and style*/ 
	border:green solid 8px;
	/* This sets the border radius */
	border-radius: 10px;
	/* This changes the width & height of img */
	width: 25%;
	height: auto;

}

/* This is the tag for h1 headers*/
h1 {
	/* Sets the font size, alignment, and color*/
	font-size: 35px;
	text-align: center;
	color: lightgreen;
}

/* This is the tag for h2 headers*/
h2 {
	/* Sets the font color and size */
	color: lightgray;
	font-size: 25px;
}

footer {
	color: lightgreen;
	text-align: center;
}

/* This is the pseudo class for the hyperlink */
a:hover {
	/* This sets the hyperlink to red and font size when hovering over it*/
	color: red;
	font-size: 18px;
}

/* 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;
}