slideshow.css

<<<<<<< HEAD
.body{
	background-color: black;
}
#slider{
	overflow: hidden;

}
#slider figure{
	position: relative;
	width: 100%;
	margin: 0;
	left: 0;
	animation: 20s slider infinite;
}
#slider figure img {
	width: 20%;
	float: left;
}
@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 { 

  font-family: Helvetica, sans-serif; 

  padding: 0%; 

  text-align: center; 

  font-size: 50; 
} 


#slideshow { 

  overflow: hidden; 

  height: 410px; 

  width: 1100px; 

  margin: 0 auto; 
} 

  

.slide { 

  float: left; 

  height: 410px; 

  width: 1100px; 
} 

.slide-wrapper { 



  width: calc(1100px * 4); 

  

  animation: slide 20s ease infinite; 
} 

#img_slide {
	height: 410px;
	width: 1100px;
}


@keyframes slide { 


  0%{
  	margin-left: 0px;
  }

  20% { 

    margin-left: 0px; 

  } 

  

  40% { 

    margin-left: calc(-1100px * 1); 

  } 

  

  60% { 

    margin-left: calc(-1100px * 2); 

  } 

  

  80% { 

    margin-left: calc(-1100px * 3); 

  } 
>>>>>>> main
}