body {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow-y: scroll;
  color: white;
  font-family: sans-serif;
}

/* Allmän textformattering */
b {
  color: #F3114E;
}

a:link,
a:visited {
  color: #F3114E;
  text-decoration: underline; /* visar att det är en länk */
}

/* ==== Klickbar bild (Discord-ikon, sponsorer etc.) ==== */
.clickable-image {
  width: 100px;
  height: auto;
  cursor: pointer;
  animation-duration: 300ms;
  animation-fill-mode: forwards;
  transition: transform 0.2s ease-in-out;
}

.clickable-image:hover {
  transform: scale(1.1);
}

@keyframes bounceClick {
  0%   { transform: scale(1); }
  30%  { transform: scale(0.8); }
  60%  { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.clicked {
  animation-name: bounceClick;
}

/* ==== Sponsorer ==== */
.sponsor-card {
  width: 150px;
  text-align: center;
  color: #DDD;
}

.sponsor-logo {
  width: 100%;
  height: auto;
  margin-bottom: 8px;
  transition: transform 0.2s ease-in-out;
}

.sponsor-logo:hover {
  transform: scale(1.1);
}

.sponsor-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 20px;
}

.sponsor-description {
  font-size: 0.9em;
  line-height: 1.3;
}