/* --- Keyframes --- */
@keyframes spin { 100% { transform: rotate(360deg); } }
@keyframes rainbow { 0% {color:red;} 20% {color:orange;} 40% {color:yellow;} 60% {color:lime;} 80% {color:cyan;} 100% {color:violet;} }
@keyframes blink { 50% {opacity:0;} 100% {opacity:1;} }

/* --- Body --- */
body {
  margin:0;
  padding:0;
  background: url("https://i.pinimg.com/originals/a7/3e/9c/a73e9cfd2315760f14aa2b4e871dc7c1.jpg") no-repeat center fixed;
  background-size: cover;
  font-family: Arial, sans-serif;
  cursor: url("https://media.giphy.com/media/3o6Zt481isNVuQI1l6/giphy.gif"), auto; /* Snakebite Cursor */
  overflow-x: hidden;
  color:white;
}

/* --- Überschriften --- */
h1 { font-size:3em; text-shadow:0 0 10px red,0 0 20px black; animation: rainbow 3s infinite linear; margin-top:20px; }
h2 { font-size:2em; text-shadow:0 0 5px cyan,0 0 10px black; animation: blink 1s infinite; }

/* --- Vinyl Player --- */
.recordPlayer { display:flex; justify-content:center; align-items:center; margin:30px auto; position:relative; height:200px; }
.vinyl { height:180px; animation: spin 2s linear infinite; position:absolute; filter: drop-shadow(0 0 15px red); }
.vinylCover { height:180px; position:relative; z-index:1; border:3px solid #ff0000; box-shadow:0 0 30px #ff0000; }

/* --- Vinyl Galerie --- */
#vinyl-gallery { display:flex; flex-wrap:wrap; gap:15px; justify-content:center; margin:30px auto; max-width:1200px; }
#vinyl-gallery div { text-align:center; width:160px; }
#vinyl-gallery img { width:150px; height:150px; border-radius:10px; border:3px solid #ff0000; box-shadow:0 0 20px black,0 0 15px red; transition: transform 0.3s; }
#vinyl-gallery img:hover { transform: scale(1.3) rotate(-10deg); }

/* --- Marquee Texte --- */
marquee { font-size:1.5em; font-weight:bold; color:yellow; text-shadow:0 0 5px red,0 0 10px black; }

/* --- Blingee / Snakebite --- */
.blingee { position:fixed; pointer-events:none; z-index:999; animation: blink 1s infinite; }
.blingee.snakebite { width:100px; height:100px; }

/* --- Links --- */
a { color: lime; text-decoration: none; text-shadow:1px 1px black; }
a:hover { color: cyan; text-shadow:0 0 5px white; }

/* --- Footer --- */
footer { text-align:center; font-size:0.9em; margin:20px; padding:10px; background: rgba(0,0,0,0.8); border:2px dashed red; box-shadow:0 0 20px black inset; }