.left-section {
    display: flex;
    flex-direction: column; /* Zorgt ervoor dat elementen verticaal worden gerangschikt */
    align-items: center; /* Centreert de inhoud horizontaal */
    justify-content: space-between; /* Verdeel de ruimte gelijkmatig tussen de titel, knoppen en CV-knop */
    height: auto; /* Laat de hoogte afhangen van de inhoud */
    max-height: 100%; /* Beperk de hoogte tot de container */
    padding: 20px; /* Voeg wat ruimte toe rondom de sectie */
    box-sizing: border-box; /* Houdt padding binnen de breedte en hoogte */
}

.left-section h2 {
    margin: 0; /* Verwijder extra marges */
    font-size: 2rem; /* Maakt de titel groter */
    color: #4e2306d2; /* Stelt de tekstkleur in op lichtgrijs */
    text-align: center; /* Centreert de titel */
}

.button-bar {
    display: flex;
    flex-direction: column; /* Zorgt ervoor dat knoppen onder elkaar staan */
    gap: 10px; /* Voeg ruimte toe tussen de knoppen */
    align-items: center; /* Centreert de knoppen horizontaal */
}

.button-bar button {
    all: unset; /* Verwijdert alle standaard knopstijlen */
    border-bottom: 1px solid #4e2306d2; /* Voegt een lijntje onder de knoppen toe in lichtgrijs */
    color: #4e2306d2; /* Stelt de tekstkleur in op lichtgrijs */
    font-size: 1.8rem; /* Maakt de tekst iets groter */
    text-align: center; /* Centreert de tekst */
    cursor: pointer; /* Zorgt voor een handcursor bij hover */
    transition: transform 0.3s; /* Voegt een vloeiende overgang toe voor de grootte */
}

.button-bar button:hover {
    transform: scale(1.1); /* Vergroot de knop met 10% bij hover */
}

.cv-button {
    margin: 0; /* Verwijder extra marges */
    text-align: center; /* Centreert de knop */
    align-self: center; /* Plaatst de knop in het midden van de sectie */
}

.cv-button button {
    all: unset; /* Verwijdert standaard knopstijlen */
    padding: 10px 20px; /* Zorgt voor ruimte rond de tekst */
    font-size: 1.2rem; /* Past de tekstgrootte aan */
    color: white; /* Gebruikt een witte tekstkleur */
    background: linear-gradient(45deg, #8B4513, #A0522D); /* Voegt een bruine gradient toe */
    border: 1px solid #5A2E0A; /* Voegt een subtiele rand toe in een donkerdere tint bruin */
    border-radius: 5px; /* Maakt de hoeken afgerond */
    cursor: pointer; /* Zorgt voor een handcursor */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3); /* Vergroot de schaduw */
    transition: box-shadow 0.3s; /* Voegt een vloeiende overgang toe voor de schaduw */
}

#default-text {
    color: #4e2306d2; /* Zorg ervoor dat de tekstkleur consistent is met de rest van de sectie */
    font-size: 1.2rem; /* Pas de tekstgrootte aan voor leesbaarheid */
    text-align: center; /* Centreer de tekst */
}