/* Basis styling */
        body {
            background-color: #0D0D0D;
            color: white;
            font-family: 'Inter', sans-serif;
        }
        .font-display { font-family: 'Syne', sans-serif; }
        /*text accent doet iets met de kleur van de tekst*/
        .text-accent { color: #4ECDC4; }
        /*bg accent doet iets met de kleur van de achtergrond*/
        .bg-accent { background-color: #4ECDC4; }
        .bg-danger-custom { background-color: #FF6B6B; }
        
       

        /* Fade-up animatie */
        .fade-up {
            opacity: 0;
            transform: translateY(20px);
            animation: fadeUp 1s forwards;
        }

        @keyframes fadeUp {
            to { opacity: 1; transform: translateY(0); }
        }

        /* Glow achtergrond */
        .bg-glow {
            position: absolute;
            width: 200px;
            height: 200px;
            background: radial-gradient(circle, #4ECDC4, transparent);
            top: 50px;
            left: 50px;
            z-index: 0;
            filter: blur(100px);
        }

        /* Custom focus voor inputs */
        input:focus, textarea:focus {
            border-color: #4ECDC4;
            box-shadow: none;
        }


.email-button a {
  display: inline-block;
  background-color: #4ECDC4;   /* groene knop, kan je aanpassen */
  color: black;
  padding: 12px 25px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  transition: background-color 0.3s, transform 0.2s;
}

.email-button a:hover {
  background-color: #4ECDC4;  /* donkerder groen bij hover */
  transform: scale(1.05);     /* subtiele hover-animatie */
}
#home{
    min-height: 100vh;
  padding: 6rem 1.5rem;
}
#about{
    background-color:#111111;
}
.navbar-toggler {
    border-color: rgba(255, 255, 255, 0.6);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
/* Subtiel hover-effect op project cards */
.project-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.project-card:hover {
  transform: translateY(-10px) scale(1.03); /* omhoog en iets groter */
  box-shadow: 0 15px 30px rgba(0,0,0,0.5); /* subtiele schaduw voor diepte */
}