.info-box {
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
    margin-top: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center; /* Center the content */
}

.info-box h3 {
    font-size: 1.5em;
    margin-top: 0;
}

.requirement-box {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 10px; /* Decreased padding */
    border-radius: 5px;
    margin-top: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 60%; /* Adjust the width as needed */
    margin: 0 auto; /* Center the box horizontally */
}

.requirement-box p {
    margin: 0; /* Remove default margin for paragraphs inside boxes */
}

/* Make the menu stick to the top of the screen on smaller screens */
@media screen and (max-width: 600px) {
    #navDemo {
      position: fixed;
      top: 40px; /* Add a margin-top value */
      width: 100%;
      z-index: 9999;
    }
  }


/* Make projects same height */

#projecten {
  display: flex;
  flex-wrap: wrap;
}

.w3-quarter {
  display: flex;
  flex-direction: column;
}

.w3-quarter .w3-card {
  flex: 1 0 auto;
}