<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.slideshow {
    position: fixed;
    width: 100%;
    height: 100%;
	left: 0;
}
.slideshow &gt; input {
	display: none;
}
.slideimg img {
	object-fit: cover;
    width: 100%;
	height: 100vh;
}
.slideimg {
	opacity: 0;
	transition: transform 1.2s, opacity 1.2s;
	position: absolute
}
.slideimg.visible {
	opacity: 1;
}
#slide01:checked ~ .slider .img01 .slideimg,
#slide02:checked ~ .slider .img02 .slideimg,
#slide03:checked ~ .slider .img03 .slideimg,
#slide04:checked ~ .slider .img04 .slideimg,
#slide05:checked ~ .slider .img05 .slideimg,
#slide06:checked ~ .slider .img06 .slideimg {
	opacity: 1;
}
#slide01:checked ~ .side-controls label:nth-of-type(02):before,
#slide02:checked ~ .side-controls label:nth-of-type(03):before,
#slide03:checked ~ .side-controls label:nth-of-type(04):before,
#slide04:checked ~ .side-controls label:nth-of-type(05):before,
#slide05:checked ~ .side-controls label:nth-of-type(06):before,
#slide06:checked ~ .side-controls label:nth-of-type(01):before {
	content: "\f0a9";
    font-family: FontAwesome;
	font-size: 40pt;
    color: #000000;
	opacity: 0.7;
}
.side-controls label {
	opacity: 0.9;
	right: 10px;
    position: absolute;
	top: 50%;
	cursor: pointer;
	transition: opacity .5s;
}
.side-controls label:hover {
	opacity: 0.7;
}
@media (width&gt;1250px) {
	.slideimg img {
		height: auto;
	}
}
@media (width&lt;=600px) {
	.slideimg img {
		height: auto;
	}
}
@media (width&lt;=520px) {
	.slideimg img {
		height: 100vh;
	}
}
@media (max-width: 1024px) and (orientation:landscape) {
	.slideimg img {
		height: auto;
	}
}</pre></body></html>