body {
    background-color: #ddbad6;
}

.header {
    display: flex;
    flex-direction: column; /* Richting van de items veranderen naar verticaal */
    align-items: center; /* Centreert items horizontaal in de container */
    padding-top: 120pt;
   
}

.logo img {
    max-width: 500px; /* Max breedte van het logo */
    max-height: 300px; /* Max hoogte van het logo */
    width: 20vw; /* Breedte van het logo als percentage van de viewport breedte, aanpassen naar behoefte */
    min-width: 150px; /* Minimale breedte van het logo */
    margin-bottom: 50px; /* Voegt ruimte toe onder het logo */
}

.icons {
    display: flex;
    justify-content: center; /* Centreert de iconen horizontaal */
    gap: 40px; /* Ruimte tussen de iconen */
}

.fa-linkedin, .fa-inbox, .fa-phone-square-alt {
    color: #697847;
    font-size: 40px;
}

.fa-linkedin:hover, .fa-inbox:hover, .fa-phone-square-alt:hover {
    color: #ffffff;
}