@font-face {
  font-family: "Digital Dremaer";
  src: url("/Miscellaneous/Digital.ttf") format("truetype");
}

@font-face {
  font-family: "VHS";
  src: url("/Miscellaneous/VHS.ttf") format("truetype");
  
}

body {
  background-image: url('/Images_vinyls/media/red.jpg');
  background-repeat: repeat;
  background-size:5%;
  overflow-x: hidden;
  overflow-y: hidden;
  }
  
  .title {
  font-family: 'Digital Dremaer', sans-serif;
  font-weight: 100;
  font-size: 40px;
  color: white;
  text-shadow: 0px 10px 4px black;
}

  .title32 {
  position: relative;
  background-color: #CC0033;
  box-shadow: 0 0 10px 20px 	#CC0033;
  z-index: 1;
  width: 460px;
}

  .vinyl {
  position: absolute;
  width: 400px; 
  height: 1500px;
  transform: rotate(-20deg);
  right: 0;
  display: flex;
  justify-content: center;
  margin-right: -50px;
}

  .texte{
  font-family: 'Digital Dremaer', sans-serif;
  position: absolute;
  width: 62px; 
  height: 176px;
  right: 0;
  font-weight: 900;
  font-size: 22.5px;
  margin-right: -100px;
  margin-top: 50px;
  writing-mode: vertical-rl;
  text-orientation: upright;
  display: flex;
  justify-content: center;
  color: white;
  background-color: black; 
  border: 8px dotted red;
  box-shadow: 0 0 5px 10px 	black;
}

  .vinyl32 {
  position: absolute;
  width: 300px; 
  height: 1200px;
  background-color: #660000;
  display: flex;
  justify-content: center;
  border: 10px double yellow;
  border-radius: 50px;
}

.marquesina {
  height: 1200px;
  overflow: hidden;       
  position: relative;
}

.marquee__inner {
  display: flex;
  flex-direction: column;
  animation: scroll-vertical 20s linear infinite;
}

.marquee__inner div {
  padding: 1rem;
  background: #eee;
  border-bottom: 1px solid #ccc;
}

@keyframes scroll-vertical {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

.marquesina:hover .marquee__inner {
  animation-play-state: paused;
}



.VHS64 {
  position: absolute;
  width: 650px; 
  height: 360px;
  left: 0;
  margin-top: 8%;
  margin-left: 5%;
  display: flex;
  justify-content: center;
}

.VHS-sign {
  position: absolute;
  width: 115px;
  height: 95px;                    
  border: 8px outset #EAC871;
  font-family: 'VHS', sans-serif;
  margin-top: -105px; 
  font-weight: 100;
  font-size: 45px;
  color: white;
  border-top-right-radius: 40px ;
  background-color: black; 
  z-index: 1;
}

.VHS-shelf {
  width: 650px;
  height: 360px;             
  overflow-y: scroll;        
  border: 8px ridge #EAC871;
  z-index: 2;
}

table {
  width: 100%;
  border-collapse: collapse;
}

tbody {
  background: url("/Images_vinyls/media/woodgrain.jpg");
  background-size: cover;
  background-attachment: scroll;
}

td {
  border-bottom: 3px solid goldenrod;
  padding: 10px;
  color: white;
}