/* Design inspired by http://ruky1024.deviantart.com/art/Plastic-CD-Case-2-sizes-194440543 */
/* CD case code from here: https://codepen.io/MxHarr/pen/aZpEMY */

.cd-case {
      height: 206px;
      width: 230px;
      margin:20px 0px 15px 35px;
      display: inline-block;
      border-radius: 3px;
      background: rgba(0,0,0,0);
      box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.6), inset 0px 0px 20px 2px rgba(0,0,0,0.4), inset 0px 0px 5px 1px rgba(255,255,255,0.6), inset 0px 0px 0px 1px rgba(255,255,255,0.2);
  }
  .album-art {
      height: 200px;
      width: 200px;
      border-radius: 3px;
      background: rgba(0,0,0,0);
      box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5),inset 0px 0px 16px 2px rgba(0,0,0,0.1), inset 0px 0px 0px 1px rgba(255,255,255,0.3);
      position: relative;
      top: 3px;
      left: 25px;
  }

  /* begin dark CDs */
  #case1 .album-art {
      background:  linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/oc) center center no-repeat;
    background-size: cover;
  }
  #case2 .album-art {
      background:  linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://cdn.mblrd.com/i/512-512/c/aHR0cDovL21vYmlsZXJvYWRpZS5jb20vZmlsZXMvMS91cGxvYWRzL2IwL2IwY2JhN2I4OGZmNjdmM2Q1NGQ3MWE2OWQ2YjVlYjdk) center center no-repeat;
    background-size: 100% 100%;
  }
  #case3 .album-art {
      background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://i.pinimg.com/736x/f3/84/a2/f384a249ac809a2a683d9a5f5e2a07e8.jpg) center center no-repeat;
    background-size: 100% 100%;
  }
  #case4 .album-art {
      background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/mid) center center no-repeat;
    background-size: 100% 100%;
  }
  #case5 .album-art {
      background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://cln.sh/bL40PPk7+) center center no-repeat;
    background-size: 100% 100%;
  }
  #case6 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/heilung.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case7 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/Skjermbilde%202025-12-23%20144356.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case8 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://cln.sh/mC2rdFqn+) center center no-repeat;
  background-size: 100% 100%;
}

  #case9 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/wordy) center center no-repeat;
  background-size: 100% 100%;
}

  #case10 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://cln.sh/zs3zwWMT+) center center no-repeat;
  background-size: 100% 100%;
}

  #case11 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://i.pinimg.com/474x/5e/dc/74/5edc745199f422c36c3ff9cb428b7d40.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case12 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://cln.sh/hcZ2pTgK+) center center no-repeat;
  background-size: 100% 100%;
}

  #case13 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://todestrieb.co.uk/cdn/shop/products/amesoeurs-logo-superstrip-backpatch-170819_1200x1200.jpg?v=1503079544) center center no-repeat;
  background-size: 100% 100%;
}

  #case14 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://cln.sh/HgngXTsR+) center center no-repeat;
  background-size: 100% 100%;
}

  #case15 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://cln.sh/KhhpBwX8+) center center no-repeat;
  background-size: 100% 100%;
}

  #case16 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://cln.sh/1mD2rBsv+) center center no-repeat;
  background-size: 100% 100%;
}

  #case17 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/dark) center center no-repeat;
  background-size: 100% 100%;
}

  #case18 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/bilde.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case19 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/New%20Project.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case20 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/New%20Projectt.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case21 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/ff.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case22 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://i1.sndcdn.com/artworks-000340384881-o7j9i7-t500x500.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case23 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/DarkTranquillity_logo_01.webp) center center no-repeat;
  background-size: 100% 100%;
}

  #case24 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/bieeelde.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case25 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/djevel.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case26 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/dream.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case27 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/emme.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case28 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/ethel) center center no-repeat;
  background-size: 100% 100%;
}


  #case29 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/fen) center center no-repeat;
  background-size: 100% 100%;
}

  #case30 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/trer.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case31 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://i.pinimg.com/474x/7d/a9/16/7da9167c137b1e93eb40b542debc0f74.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case32 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/gaerea) center center no-repeat;
  background-size: 100% 100%;
}

  #case33 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://f4.bcbits.com/img/0027805848_10.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case34 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/g.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case35 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://upload.wikimedia.org/wikipedia/en/c/c6/Godflesh.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case36 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://cdn10.bigcommerce.com/s-yhxhf/products/20471/images/75388/STMTD030_4x4__81005.1535837167.1080.1080.jpg?c=2) center center no-repeat;
  background-size: 100% 100%;
}

  #case37 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://i.pinimg.com/736x/a8/9b/85/a89b85f88d564c24923c0661e08cfdeb.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case38 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://www.metal-archives.com/images/3/5/4/0/3540462038_logo.jpg?4337) center center no-repeat;
  background-size: 100% 100%;
}

  #case39 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/ten.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case40 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://f4.bcbits.com/img/0029846706_71.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case41 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/ggfgfg.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case42 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/dfdfdf.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case43 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/www.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case44 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://f4.bcbits.com/img/a3655984046_10.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case45 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/humanity) center center no-repeat;
  background-size: 100% 100%;
}

  #case46 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/infinity) center center no-repeat;
  background-size: 100% 100%;
}

  #case47 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://i.scdn.co/image/ab67616100005174a8760baa7bbee08b90a9cfcf) center center no-repeat;
  background-size: 100% 100%;
}

  #case48 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/insomn) center center no-repeat;
  background-size: 100% 100%;
}

  #case49 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/isen) center center no-repeat;
  background-size: 100% 100%;
}

  #case50 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://f4.bcbits.com/img/a3201000623_16.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case51 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/gogogo.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case52 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://www.metal-archives.com/images/3/5/4/0/3540451474_logo.jpg?5910) center center no-repeat;
  background-size: 100% 100%;
}

  #case53 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://f4.bcbits.com/img/0031851719_10.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case54 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://www.metal-archives.com/images/1/1/8/0/118049_logo.jpg?4203) center center no-repeat;
  background-size: 100% 100%;
}

  #case55 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/macanbre) center center no-repeat;
  background-size: 100% 100%;
}

  #case56 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/%2Care.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case57 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://www.metal-archives.com/images/3/5/4/0/3540426943_logo.jpg?4432) center center no-repeat;
  background-size: 100% 100%;
}

  #case58 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/hayhfm.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case59 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://www.metal-archives.com/images/3/5/4/0/3540448715_logo.jpg?0924) center center no-repeat;
  background-size: 100% 100%;
}

  #case60 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://f4.bcbits.com/img/0020847886_10.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case61 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/sorrow.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case62 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/morast) center center no-repeat;
  background-size: 100% 100%;
}

  #case63 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/novembre.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case64 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/OM.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case65 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://avantgardemusic.com/wp-content/uploads/2020/01/plateausigma-logo-250x250.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case66 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/rotting.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case67 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/raat.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case68 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/shyl.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case69 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/sol44.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case70 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/sang.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case71 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/shape.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case72 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/sleep.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case73 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/suphur.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case74 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/summ.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case75 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/sunn.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case76 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/temp.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case77 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://thy-catafalque.hu/uploads/1/4/4/4/144443144/Kor.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case78 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/tyr.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case79 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/ven.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case80 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/ward.png) center center no-repeat;
  background-size: 100% 100%;
}

  #case81 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://i.pinimg.com/736x/2d/04/80/2d048094725df9b8a12608ca04686f1e.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case82 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://i.pinimg.com/736x/8b/44/f0/8b44f06eb3fc6ca6e18ebcc75324177a.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #case83 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/rye.png) center center no-repeat;
  background-size: 100% 100%;
}

/* extra
  #case84 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url() center center no-repeat;
  background-size: 100% 100%;
}

  #case85 .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url() center center no-repeat;
  background-size: 100% 100%;
}
*/

/* begin pretty CDs */
  #caseA .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://yt3.googleusercontent.com/4GL51qcOjaDiwXuuAuRn3RYeWHOio3sgrls3VuRHiqSiFkr3ZdWy0opcCmUtkzCKRN9lm0tqTAg=s900-c-k-c0x00ffffff-no-rj) center center no-repeat;
  background-size: 100% 100%;
}
  #caseB .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/enigam) center center no-repeat;
  background-size: 100% 100%;
}
  #caseC .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://cln.sh/r3ZQqH2q+) center center no-repeat;
  background-size: 100% 100%;
}
  #caseD .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/er.png) center center no-repeat;
  background-size: 100% 100%;
}

  #caseE .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/sol.png) center center no-repeat;
  background-size: 100% 100%;
}

  #caseF .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/or.png) center center no-repeat;
  background-size: 100% 100%;
}

  #caseG .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://media.npr.org/assets/img/2017/03/15/kom_371_front_3000px_sq-b39d93b3552974ffc580ff1c687fcf8734dd4824.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #caseH .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/sak.png) center center no-repeat;
  background-size: 100% 100%;
}

  #caseI .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://f4.bcbits.com/img/a3623697281_16.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #caseJ .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://i.redd.it/pg19ohzllzl31.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #caseK .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://pbs.twimg.com/profile_images/464225223705755648/v7KCITfg_400x400.jpeg) center center no-repeat;
  background-size: 100% 100%;
}

  #caseK .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://i.discogs.com/yQLOtAPjXVIPGANFHfh8IGOPnoKn5kjUki8R0PVNzk0/rs:fit/g:sm/q:90/h:600/w:593/czM6Ly9kaXNjb2dz/LWRhdGFiYXNlLWlt/YWdlcy9SLTU2OTQ1/OS0xNDAxMzExMTQx/LTgzNTUuanBlZw.jpeg) center center no-repeat;
  background-size: 100% 100%;
}

  #caseL .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://i1.sndcdn.com/avatars-000009751019-b5yn5h-t1080x1080.jpg) center center no-repeat;
  background-size: 100% 100%;
}


  #caseM .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/jazz) center center no-repeat;
  background-size: 100% 100%;
}


  #caseN .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/holy) center center no-repeat;
  background-size: 100% 100%;
}


  #caseO .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://f4.bcbits.com/img/0020592180_10.jpg) center center no-repeat;
  background-size: 100% 100%;
}


  #caseP .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://www.metal-archives.com/images/3/5/4/0/3540304031_logo.jpg?5203) center center no-repeat;
  background-size: 100% 100%;
}


  #caseQ .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://theprogmind.com/wp-content/uploads/2023/03/186250809_162268872568453_8948180603779336145_n.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #caseR .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/61tdKq6w7VL._UF1000%2C1000_QL80_.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #caseS .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/sss.png) center center no-repeat;
  background-size: 100% 100%;
}


  #caseT .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://assets.bigcartel.com/account_images/1054523/KB+square+w+web.jpg?auto=format&fit=max&h=1200&w=1200) center center no-repeat;
  background-size: 100% 100%;
}


  #caseU .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/kitchen) center center no-repeat;
  background-size: 100% 100%;
}


  #caseV .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/ffkdf) center center no-repeat;
  background-size: 100% 100%;
}

  #caseW .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/les) center center no-repeat;
  background-size: 100% 100%;
}


  #caseX .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://i.scdn.co/image/ab67616d00001e02a4cac0d3c8b0a49ab874bdd0) center center no-repeat;
  background-size: 100% 100%;
}

  #caseY .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/image.png) center center no-repeat;
  background-size: 100% 100%;
}

  #caseZ .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://f4.bcbits.com/img/0035020789_10.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #caseÆ .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/pig.png) center center no-repeat;
  background-size: 100% 100%;
}

  #caseØ .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://f4.bcbits.com/img/0034532875_10.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #caseÅ .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://www.metal-archives.com/images/3/5/4/0/3540383572_logo.jpg?0710) center center no-repeat;
  background-size: 100% 100%;
}

  #caseAA .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/slift.png) center center no-repeat;
  background-size: 100% 100%;
}

  #caseBB .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/slow.png) center center no-repeat;
  background-size: 100% 100%;
}

  #caseCC .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/secret.png) center center no-repeat;
  background-size: 100% 100%;
}

  #caseDD .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/stato.png) center center no-repeat;
  background-size: 100% 100%;
}

  #caseEE .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/stygian.png) center center no-repeat;
  background-size: 100% 100%;
}

  #caseFF .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/tiamat.png) center center no-repeat;
  background-size: 100% 100%;
}

  #caseGG .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/type.png) center center no-repeat;
  background-size: 100% 100%;
}

  #caseHH .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/wood.png) center center no-repeat;
  background-size: 100% 100%;
}

  #caseII .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://f4.bcbits.com/img/a4099353330_16.jpg) center center no-repeat;
  background-size: 100% 100%;
}

  #caseJJ .album-art {
    background: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0)), url(https://file.garden/aCXex-hiUQoQJqbA/kino.png) center center no-repeat;
  background-size: 100% 100%;
}

  .sup {
      height: 10px;
      width: 20px;
      background: rgba(255,255,255,0.15);
      box-shadow: inset 0px 0px 6px 1px rgba(0,0,0,0.22), inset 0px 0px 1px 1px rgba(255,255,255,0.17);
  }
  .pos-tl {
      position: relative;
      top: 0;
      left: 20px;
      border-radius: 0 0 5px 5px;
  }
  .pos-tr {
      position: relative;
      top: -10px;
      left: 160px;
      border-radius: 0 0 5px 5px;
  }
  .pos-bl {
      position: relative;
      top: 169px;
      left: 20px;
      border-radius: 5px 5px 0 0;
  }
  .pos-br {
      position: relative;
      top: 159px;
      left: 160px;
      border-radius: 5px 5px 0 0;
  }
  .spine {
      height: 120px;
      width: 15px;
      background: -webkit-linear-gradient(rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.07) 100%);
      box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.23), inset 0px 0px 7px 0px rgba(0,0,0,0.22), inset 0px 0px 0px 1px rgba(255,255,255,0.22);
      position: relative;
      top: -160px;
      left: 0;
      border-radius: 0 50% 50% 0;
      z-index: -1;
  }