html,body,div,span,p,img,a{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
html,body{width:100%;height:100%;}

body{background-color:#eee;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;}

.wrapper { margin: 0 auto; padding: 20px; max-width: 800px; }

.slides { position: absolute; top: 5px; right: 5px; bottom: 5px; overflow-y: auto; }
.slides .slide { margin: 2px 0; }
.slides .slide a, .slides .slide a img, .slides a.up, .slides a.down { border-radius: 5px; }
.slides .slide a img { display: block; border: 3px solid #666; border-color: rgba(0,0,0,0.5); opacity: 0.75; transition: opacity .2s linear; }
.slides .slide a:hover img, .slides .slide a.active img { border-color: #000; opacity: 1; }
.slides .slide a { cursor: pointer; display: block; }
.slides .slide a.active { cursor: default; }

@media screen and (max-width: 320px) {
	.slides { display: none; }
}