@keyframes slider {

0% {
	left: 0;
	
}

20% {
	left: 0;
}

25% {
	left: -100%;
}

45% {
    left: -100%;

}

50% {
		left: -200%;

}

70% {
	left: -200%;
}

75% {
	left: -300%;
}

95% {
	left: -300%;
}

100% {
	left: -400%;
	

}

}

body{
  background: linear-gradient(to bottom, green , black);
  margin: 0px;
padding: 10px;
}
#slider {
  border:solid 12px black;
  overflow: hidden;
}

#slider figure img {
	width: 20%;
	float: left;
	height: auto; 
  
}

#slider figure {
  overflow:hidden;
	position: relative;
	width:500%;
	max-height:600px;
	margin: 0;
	left: 0;
	text-align: left;
	font-size: 0;
	
    
    
	
  
	animation: 20s slider infinite; 
}
h1{
  width:100%;
  text-size:75px;
  padding:15px;
  color:lime;
  background-color:gray;
  text-align:center;
  border:solid 10px black;
  
 
  margin-top:0;
  
  
  
  
}




.column{
  width:28%;
  height:800px;
  float:left;
  background-color:gray;
  color:white;
  border:solid 2px black;
  text-align:center;
  margin:4%;
  margin-left:1%;
  
}
.column h2{
  padding:20%;
  background-color:black;
  color:green;
}
header{
  
  width:100%;
  text-align:center;
  
}

footer{
  width:100%;
  border:solid 2px black;
  background-color:green;
  margin-top:80%;
  
  text-align:center;
  
  color:white;
  padding:15px;
  
  }
  audio{
    width:250px;
  }
  
  p{
    text-align:center;
    color:white;
  }
  a{
    color:yellow;
  }