:root {
    --white-text: #e2e2e2; /*attempt gentle white*/
    --blue: #00165F;
    --green: #0A6045;
    /*
    light green:
        orig from pdf: #007d53
        lighter      : #00875a
     */
    --light-green: #00875a;
}

@font-face {
    font-family: "Manrope-Medium";
    src: local("Manrope-Medium"),
    url("/assets/Manrope-Medium.ttf");
}

@font-face {
    font-family: "Manrope-Bold";
    src: local("Manrope-Bold"),
    url("/assets/Manrope-Bold.ttf");
}

@font-face {
    font-family: "Manrope-Regular";
    src: local("Manrope-Regular"),
    url("/assets/Manrope-Regular.ttf");
}

@font-face {
    font-family: "Manrope-ExtraBold";
    src: local("Manrope-ExtraBold"),
    url("/assets/Manrope-ExtraBold.ttf");
}

body {
    font-family: "Manrope-Regular", sans-serif;
    /* todo: max 3 different font sizes. zu simons ehren. */
}


#menu-bar {
    background-color: #1D3263FF;
    height: 10vh;
    color: var(--white-text);
    display: flex;
    justify-content: space-around;
    align-items: center;

    /* this is so not ok. */
    position: sticky;
    top: 0;
    z-index: 10;

    & a, & a:visited {
        color: var(--white-text);
        text-decoration: none;
    }
}