/*Path of Light Studio
Author: Ashanti Netsanet
Text Edition: 4th
Date: 07/05/2019
*/
* { box-sizing: border-box; 
}
header, main, nav, footer, figure, fig caption, aside, section, article { display: block; }
<!--Here I added the syntax to configure browser compatibility-->
/*Here I added the universal selector to my css page */
body {background-color: #33D1FF;
	color: #0559A3;
	font-family: Verdana, Arial, sans-serif; 
}
/*Here I added a body element with color and font declarations*/
#wrapper { width: 90%;
	margin: auto;
	background-color: #F5FCFD; 
	color: #0559A3;
	min-width: 750px;
	max-width: 1280px; 
}
/*Here I added a wrapper id element with size, background and color properities*/
header { background-color: #33D1FF;
	height: 100px;
}
/*Here I added a header element with background declarations and height*/
h1 { padding-top: 30px;
	padding-left: 2em; 
}
/*Here I added h1 element with padding declarations*/
footer { background-color: #33D1FF;
	font-style: italic; 
	font-size: small; 
	text-align: center; 
	padding: 1em; 
}
/*Here I added a footer selector with declarations for background color, font style & size, text align and padding*/
.floatleft { 
	float: left; 
	margin-right: 4em;
}
/*Here I created a new float class property with declarations*/
.clear { clear: both; }
/*Here I created a new clear float property with declaration*/
table {
	width: 60%;
	margin-right: auto; 
	margin-left: auto; 
	border: 1px solid #3F2860; 
	border-collapse: collapse;
}
/*Here I created a table element with width, margin and border properties*/
th, td {
	padding: 0.5em; 
	border: 1px solid #3F2860; 
}
/*Here I added the configuration of the table elements*/
Tr:nth-of-type(even) {
	background-color: #DBE7F3;
}
/*Here I configured the alternate-row background color*/
caption {
	margin: 1em;
	font-weight: bold;
	font-size; 320%;
	
}
/*Here I configured table captions with margin and font properties*/
main { 
	padding: 3em 3em 3em 3em;
	display: block;
}
/*Here I added margin left syntax*/
label {
	width: 10em;
	padding-right: 1em;
	float: left;
	display: block;
	text-align: right; 
	
}
/*Here I created the label element with width, padding, float, and display properties*/
input, textarea {
	display: block; 
	margin-bottom: 2em;
}
/*Here I created the input and text area element with display and bottom syntax*/
#submission {
	margin-left: 12em; 
}
/*Here I created the submit button with left margin*/
form {
	padding: 3em; 
}
/*Here I created the form element with padding*/
#webhost {
	background-image: url(webhost.jpg); 
	background-repeat: no-repeat;
	background-size: 100% 100%; 
	height: 300px; 
}
/*Here I added an image selector with the webhost image including size, height and padding. The photo I used was from http://www.thebluediamondgallery.com/handwriting/images/web-hosting.jpg and labeled as "Labeled for reuse with modification*/