/* Aangepaste stijlen voor de header */
.hero-section {
    background-image: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),  /* Fade color (black with transparency) */
      rgba(0, 0, 0, 0.6)   /* Fade effect across the whole background */
    ),
    url('https://st2.depositphotos.com/1855189/8165/i/450/depositphotos_81651342-stock-photo-hexadecimal-code-running-up-a.jpg');
    background-size: cover;
    height: 75vh;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: rgba(0, 0, 0, 0); */
    background-blend-mode: overlay;
    }
    .hero-section h1 {
      font-size: 4rem;
      color: white;
    }
    .about-section {
      padding: 60px 0;
      background-color: hwb(0 19% 81%);
      color: white;
    }
    .about-section h2 {
      font-size: 2.5rem;
      color: white;
    }
    /* Verander de tekstkleur in het donker thema */
    .navbar-dark .navbar-nav .nav-link {
      color: rgb(255, 255, 255);
    }
    .navbar-dark .navbar-nav .nav-link:hover {
      color: white;
    }
    
    .img{
        height: 500px;
        width: 300px;
    }
    

    h1{
        font-family: 'Times New Roman', Times, serif;
    }

    p{
        font-family: 'Times New Roman', Times, serif
    }

    .nav-link{
        font-family: 'Times New Roman', Times, serif;
    }

    .navbar-brand{
        font-family: 'Times New Roman', Times, serif ;
    }
    header {
      background-color: #343a40; /* Dark gray color to match Bootstrap's dark theme */
      color: white; /* White text color for readability */
      padding: 15px 0; /* Add some padding for better spacing */
    }
    
    header .nav-link {
      color: white; /* Ensure links are white */
    }
    
  
    
    header .nav-link:hover {
      color: #d4d4d4; /* Slightly lighter color on hover */
    }

    .col-md-6{
      font-size: 24px;
    }