/* ==== Kontakt-sida ==== */
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;    /* Lägg till typsnitt */
  font-size: 1em;             /* Standard textstorlek */
  line-height: 1.4;           /* Lite luftigare */
}

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

a:link,
a:visited {
  color: #F3114E;
  text-decoration: underline;
}

/* Textspecifikt för kontakt */
.contact-text {
  font-size: 0.9em;   /* Liknande Sponsring */
  line-height: 1.3;
  margin-bottom: 1em;
}

/* ==== Klickbara bilder ==== */
.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;
}