@charset "utf-8";
@import url("index.html.css");
/* CSS Document */



body {
	  max-width: 1250px;
  margin: auto;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 34px;
	color: #FFFFFF;
	background-image: url("Images/background.jpg");
	background-size: cover;
	
}

#container {
	font-size: 125%;
	width: 1080px;
	height: 0 auto;
	position: relative;
	padding: 5px;
	
	

	
}

h1 {
	font-size: 250%;
	margin: 0 0 0px 0px;
	color: lawngreen;
	display: inline-block;
  border: 30px solid black;
	text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;
	
}

h2 {
	font-size: 150%;
	margin: 0 0 32px 0px;
	color: limegreen;
	text-transform: uppercase;
	
}

article {
	font-size: 120%;
	padding: 0 50px;
	color: blue;
}

p {
		font-size: 150%;
	padding: 5px 5px 15px 5px;
	color: red;
}

ol {
  counter-reset: item;
  margin-left: 0;
  padding-left: 0;
}
li {
  display: block;
  margin-bottom: .5em;
  margin-left: 2em;
}
li::before {
  display: inline-block;
  content: counter(item) ") ";
  counter-increment: item;
  width: 2em;
  margin-left: -2em;
}