.disc{
 background:#000;
 color:#66ff66;
 padding:20px;
}

.jacket{
  max-width:300px;
 height:300px;
display:inline-block;
}

.jacket2{
 width:auto;
   max-width:410px;
 height:300px;
}

.obi{
 height:300px;
 width:auto;
 margin-right:1px;
}

a:link,
a:visited{
 color:#00ffff;
}

.gallery{
  display:flex;
  overflow-x:auto;
  gap:10px;
  padding-bottom:10px;
  scroll-snap-type:x mandatory;
}

.gallery img{
  height:220px;
  width:auto;
  flex-shrink:0;
  border:1px solid #333;
  scroll-snap-align:start;
}

.gallery-block{
  margin-bottom:30px;
}

.viewer{
  width:300px;
  height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#000;
  margin-bottom:10px;
}

.main-img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.thumbs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  align-items:center;
}

.thumbs img{
  height:60px;
  width:auto;
  flex-shrink:0;
  cursor:pointer;
  opacity:0.6;
}

.thumbs img:hover{
  opacity:1;
}