/* Effekt når input-feltet er i fokus */
.form__input:focus {
    transform: scale(1.2) translateY(-5px); /* Zoom inn feltet */
    font-size: 20px;
    padding: 15px;
    border-color: #1976D2;
    background-color: #e3f2fd;
    color: #000000;
    box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.2);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    transition: transform 0.25s ease, font-size 0.25s ease, padding 0.25s ease, 
                border-color 0.25s ease, background-color 0.25s ease, 
                box-shadow 0.25s ease, color 0.25s ease, font-weight 0.25s ease;
}

/* Mobilstørrelse - gjøre input-feltet større og fullskjerm */
@media (max-width: 768px) {
  .form__input:focus {
    transform: scale(1.5) translateY(-10px); /* Øk zoom for mobil */
    font-size: 22px; /* Større skrift på mobil */
    padding: 20px;   /* Mer padding for mobil */
  }
}