body{
	color:white;
	font-family: Helvetica , Times , sans-serif;
	background-image:url(Background.jpg);
	background-size: cover;
	}
	h1 ,p{
	margin-left:10%;	
	}
	  
header{
	width: 100%;
	height:1%;
	background-color:silver ;
	padding: 1%;
	}

header, message ,a{
	color: white;
	font-weight: bold;
	text-decoration:none;
	width: 100%;
	}

nav{
	opacity:0.7;
	background-color:black;
	height: 5%;
	width: 100%;
	position:relative;
	float: right;
	border-radius: 1%;
	
	}

nav ul{
	list-style: none;
	color: white;
	padding:3%;
	margin-left: 44%;
	
	}

nav img{
	float:left;
	padding:1%;
	height: 5%;
}
	
	nav li{
		float:left;
		margin-top:1%;
		padding-left:12%;
	}

nav ul li a{
	color: white;
	display:inline;
	text-decoration:none;
	float:right;
	border-radius: 16%;
	font-family:Century Gothic;
	font-weight: bold;
	}
	
nav a:active{
	color: red;
}
nav a:hover{
	background: #669900;
	transition: 0.6s;
	}
	button{
		color:#000;
		background-color:#ffb200;
		border: 1px outset #b37d00;
		width: 180px;
		text-decoration: none;
		display:block;
		margin-left:20%;
	}
	
	
	
	
	article{
	height:600px;
	width:1309px;
	padding:20px;
	border-radius:3px;
	color: white;
	text-align:center;
	background-color:grey;
	}
	
	footer img{
		margin: 30px;
	}
	
	
/* THE DIV */
.simple-ss {
  width:1000px;
  height:500px;
  background-color:red;
  margin:auto;
  background-image:url(oil3.jpeg), 
  url(oil-facility.jpg);
  background-position:0 ,0 ;
  background-repeat:no-repeat,repeat;
  background-size:cover;

/* ANIMATING STUFF */
  animation-name: slide;
  animation-duration: 13s;
  animation-direction: normal;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

/* NOTE CODEPEN AUTOGENERATING -PREFIXES */
@keyframes slide {
  0% {background-position:0 0;}
  16.66% {background-position:0 0;}
  33.32% {background-position:-1000px 0;}
  49.98% {background-position:-1050px 0;}
  66.64% {background-position:-2000px 0;}
  83.30% {background-position:-2000px 0;}
  100% {background-position:0 0;}
}

article a:hover{
	color:red;
}
article ul li{
	list-style: none;
	
}
article ul li{
	text-align:center;
}

body {
	font-family: Verdana,sans-serif;
	}


footer , #details{
	background-color:black;
	height:150px;
	width:1350px;
	border-radius:2%;
}