/*  What HEX color do you want your website background color to be? It will be the same for all of your pages. I would recommend something light so that your text shows up. Think about what you want your theme color to be and stick with variations of that color for your entire website. For example, I am going to make my website background a very light blue and my text colors all dark blues.  */

body { 
  Background-color: red;
}

/*This is the code that will center all your images. You do not need to make any changes to it. Move down to the h1 section next.  */

img	{
  Width: 50%	;
  Display: block  ;
  Margin-left: auto  ;
  Margin-right: auto ;
}


/*What color do you want the page titles <h1> to be? It should contrast with the background page color. NOTE: You do not have to change all 5 of these options. You can delete them if you do not care what the style looks like, but you should select a color, align center, and font size. Text decoration can be underline, overline, or line-through. For the h1 I would set it to underline and delete it for the rest of the heading codes. Google CSS font family to see all the options for that.   */

h1 {
  Color:	white		;
  Text-align: center		;
  Text-decoration: underline	;
  Font-family: fantasy		;	
  Font-size: 40px		;
}


/* Did you use any other paragraph or header tags on your website? You only have to write code for the ones that you used on your website. You can delete the rest. Keep in mind that h1 is the biggest and boldest. H6 should be the smallest. Keep in mind what color you made your background. All these font colors should be contrasting so they show up.   */

p {
  Color:	black		;
  Text-align: justify	;
  Font-size:		;
}

h2 { 
  Color:	black		;
  Font-size:		;
}

h3 {
  Color:	black		;
  Font-size:		;
}

h4 {
  Color:	black		;
  Font-size:		;
}

h5 {
  Color:	black		;
  Font-size:		;
}

h6 {
  Color: black			;
  Font-size:		;
}
/* You can add borders to all of your images at one time by using a CCS code for images! Below, where it says double, you can change that to dashed, solid, double, groove, ridge, inset, or outset. Play around with the color and the style to find a border style you like best! The border radius is what makes the picture edges round. If you want them square, set this to zero.    */

img {
  width:400px;
  border:10px double #ffffff;
  border-radius: 15px;
}
/* Now we are going to create CSS code that will  format our list with a fun background color and bullet!    */
/* This ol code sets the background color for your numbered list area. Change the color to something dark that matches your theme.  */
ol {
  background: white;
  padding:4px;
}

/* This ul code sets the background color for your bulleted list area. Change the color to the same color that you used above.  */
ul {
  background: white;
  padding: 4px;
}
/* This ol li code sets the background color for your text in the numbered list. Change the color to a lighter version of your list background color. Make sure it is light enough that  you can see black text on it.  */
ol li {
  background: #cccccc;
  padding: 5px;
  margin-left: 35px;
  Font-size:20px;
  color: black;

}



/* This ul li code sets the background color for your text in the bulleted list. Use the same background color you used in the ol li code.  */
ul li {
  background: #cccccc;
  padding: 5px;
  margin-left: 35px;
  Font-size:20px;
  color: black;

}

/* Go to this website https://www.w3schools.com/css/default.asp to explore more CSS tools! If there is something you do not like about your website, find a CSS rule to change it. Have fun! */