.slider {
	overflow: hidden;
}

.single-image .back {
	position: absolute;
	background-color: black;
	bottom: 4%;
	font-size: 1.2em;
	left: 50%;
	padding: 0 0.4em;
	transform: translateX(-50%);
}

.slider > #s1:target ~ .slides > * {
	transform: translateY(0);
}
.slider > #s2:target ~ .slides > * {
	transform: translateY(-100%);
}
.slider > #s3:target ~ .slides > * {
	transform: translateY(-200%);
}
.slider > #s4:target ~ .slides > * {
	transform: translateY(-300%);
}
.slider > #s5:target ~ .slides > * {
	transform: translateY(-400%);
}
.slider > #s6:target ~ .slides > * {
	transform: translateY(-500%);
}
.slider > #s7:target ~ .slides > * {
	transform: translateY(-600%);
}
.slider > #s8:target ~ .slides > * {
	transform: translateY(-700%);
}
.slider > #s9:target ~ .slides > * {
	transform: translateY(-800%);
}
.slider > #s10:target ~ .slides > * {
	transform: translateY(-900%);
}

.slider .slides article {
	display: inline-block;
	transition: transform 0.3s;
	width: 100%;
}

.slider .slides article img {
	display: inline-block;
	width: 100%;
}

.slider .bullets {
	position: absolute;
	bottom: 0;
	left: 50%;
	line-height: 1em;
	margin: 0 auto;
	text-align: center;
	transform: translateX(-50%);
	width: 100%;
}

.slider .bullets a {
	display: inline-block;
	background-color: rgba(239, 204, 81, 0.8);
	color: black;
	font-size: 0.6em;
	padding: 0 0.5em;
	text-align: center;
	text-decoration: none;
}

.slider > #s1:target ~ .bullets a:nth-of-type(1),
.slider > #s2:target ~ .bullets a:nth-of-type(2),
.slider > #s3:target ~ .bullets a:nth-of-type(3),
.slider > #s4:target ~ .bullets a:nth-of-type(4),
.slider > #s5:target ~ .bullets a:nth-of-type(5),
.slider > #s6:target ~ .bullets a:nth-of-type(6),
.slider > #s7:target ~ .bullets a:nth-of-type(7),
.slider > #s8:target ~ .bullets a:nth-of-type(8),
.slider > #s9:target ~ .bullets a:nth-of-type(9),
.slider > #s10:target ~ .bullets a:nth-of-type(10) {
	border: 5px solid black;
}