body {
  background-color: rgb(97 90 90);
  color: white;
  font-family: Verdana, sans-serif;
  margin: 1em;
  padding: 1em;
}

a {
  color: rgb(255 255 220);
}

/* En sjov knap til hjemmesiden */
.kid-btn{
  appearance:none;
  border:4px solid #1b1b1b;
  background:#ffd800;
  color:#1b1b1b;
  font-weight:900;
  font-size:22px;
  padding:14px 18px;
  border-radius:10px;          /* lidt blød, men stadig “firkantet” */
  box-shadow:6px 6px 0 #1b1b1b; /* tegneserie-skygge */
  cursor:pointer;
  transform: translateY(0);
  transition: transform .08s ease, box-shadow .08s ease, filter .08s ease;
  user-select:none;
  
  margin-top: 20px; 
  display: inline-block; 
}

.kid-btn:hover{
  filter: brightness(1.05);
  transform: translateY(-2px);
}

.kid-btn:active{
  transform: translateY(4px);
  box-shadow:2px 2px 0 #1b1b1b; /* “trykket ned” */
}

.kid-btn:focus-visible{
  outline:4px dashed #ff4fd8;   /* sjov fokus-ring */
  outline-offset:4px;
}