/* Basis typografie en kleuren */
body {
  font-family: "Inter", sans-serif;
  background-color: #000;
  color: #fff;
}

h1,
h2,
h3,
h4 {
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

a {
  text-decoration: none;
}

#intro {
  max-width: 700px;
}

/* Navigatie en logo */
.navbar-brand {
  font-family: "Bebas Neue", sans-serif;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Kleuren */
.text-primary {
  color: #06c3dd !important;
}

.text-warning {
  color: #ffcc00 !important;
}

.btn-warning {
  background-color: #ffcc00;
  border: none;
  color: #000;
}

.btn-warning:hover {
  background-color: #e6b800;
}

/* Afbeeldingen */
.card-img-top,
.img-fluid,
.no-border-radius {
  border-radius: 0; /* Geen afgeronde hoeken */
}

/* Footer */
footer {
  border-top: 1px solid #333;
}

/* Formulieren */
form {
  max-width: 600px;
}

.form-control {
  background-color: #111;
  color: #fff;
  border-color: #444;
}

.form-control:focus {
  border-color: #06c3dd;
  box-shadow: none;
}