body{
font-family: system-ui,sans-serif;
font-size: 100%;
line-height: 140%;
}
{
box-sizing: border-box;
}
main>p:nth-child(1){    
	outline: 1px dotted #888;       /* adds board to main>p first paragraph #888the color.is.gray*/ 
	width: 50%;
	margin: 2em;
	border: 1em soild #aaa;
	padding: 2em;
}
#first-form {
 border: 1px soild #888;        /*makes border.for.first.form*/
 padding: 2em;       /* padding.element adds spaceing along the first form*/
}
#first-form fieldset{             /*this effects the feild set.element */
width: 50%; 
clear: both;
border-radius: 4px; /*this rounds the boarders you can change the radius of all. four corners */
}


#first-form label{
 display: inline-block; /*can use all.box proprties including.width*/
 width: 10em; 
    /*makes sizes of boxes  */
 background: yellow; /*highlights the box of the first.form.label */
 float: left; /*each label element. will move. to the left. */
}
#first-form input, #first-form textarea{ /*lines. up. more nicly.*/
 display: inline-block; /*this also alines the blocks and. text. boxs inline. is better than float. its newer*/
 width: 15em; /*makes.spaces between the box of the form */
}

#first-form input.submit{   /*selects the submit buttom from the html file */
	border-radius: 0;        /*changes border. radius*/
	border-width: 10px;       /*changes the width.*/
	border-style: soild;      /*changes the style of the buttom*/
	border: 1px soild #aaaa;    
	background: green #aaaa;    /*changes the background.*/ 
}