:root {
    --groen: #41ad49;
    --dgroen: #45a047;
    --wit: #ffffff;
}

.txt-groen {
    color: var(--groen);
}

body {
    text-align: center;
}

/* logo */

.logo {
    height: calc(120px + 5vw);
    width: calc(120px + 5vw);
}

.name {
    font-size: calc(1rem + 3vw) !important;
}


/* list */

.list-icon {
    float: left;
    width: 1.5rem;
}

.btn-list {
    background-color: var(--groen);
    color: var(--wit);
    text-align: start;
    padding-left: 25%;
}

.btn-list:hover {
    background-color: var(--dgroen);
    color: var(--wit);
}

/* footer */

.logo-footer {
    width: 2rem;
    height: 2rem;
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}