#slides {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: transparent;
	z-index: 2;
      }
      @media (min-aspect-ratio: 1/1) {
	#slides .inner {
	  width: 100vh;
	  height: 100vh;
	}
      }
      @media (max-aspect-ratio: 1/1) {
	#slides .inner {
	  width: 100vw;
	  height: 100vw;
	}
      }

      #slides .inner {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;

	
      }

      #slides.hidden {
	display: none;
      }

      #slides img {
	opacity: 1;
	width: 100%;
	align-self: center;
      }

      #slides .inner .scanline {
	position: absolute;
	width: 100%;
	height: 10px;
	background: white;
	animation: move 2s linear infinite;
      }
      @keyframes move {
	0%, 100% { top: 0% }
	50% { top: calc(100% - 10px) }
      }
	

#slide {
	width: 100%;
	height: 75%;

	position: relative;
}

#nextbut {
	max-width: 6%;
	max-height: 6%px;
	border: none;
	position: absolute;
	top: 50%;
	right: 0px;
}

#previousbut {
	max-width: 6%;
	max-height: 6%px;
	border: none;
	position: absolute;
	top: 50%;
	left: 0px;
}

#closebut {
	max-width: 6%;
	max-height: 6%px;
	border: none;
	position: absolute;
	top: 10px;
	right: 0px;
}