/* stijl.css — de opmaak van de website.
   Hier mag je alles aanpassen: kleuren, lettertype, afstanden.
   De Python-code werkt gewoon door, wat je hier ook verandert. */

body {
  font-family: Arial, sans-serif;
  max-width: 600px;
  margin: 40px auto;
  padding: 0 20px;
  background: #F7F9FC;
  color: #1D2635;
}

h1 {
  color: #2F6FDE;
}

/* Elke functie krijgt zijn eigen kaartje */
.functie {
  background: white;
  border: 2px solid #E3E8F0;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
}

input {
  font-size: 16px;
  padding: 8px;
  width: 120px;
}

button {
  font-size: 16px;
  padding: 8px 16px;
  background: #2F6FDE;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

button:hover {
  background: #1F55B5;
}

/* Het antwoord dat Python teruggeeft */
.uitvoer {
  font-family: monospace;
  font-size: 18px;
  font-weight: bold;
  color: #0CA678;
}

/* Labels bij functies met meerdere invoervelden */
label {
  font-weight: bold;
  margin-right: 4px;
}

input {
  margin-right: 10px;
}