html {
    scroll-behavior: smooth;
}

body {
    background-image: url('../img/Circuit_Background.svg');
    background-color: #E1E2E1;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

a {
    color: #004D40;
}

.Title {
    text-align: right;
    background-color: #004D40;
    background-size: cover;
    height: 300px;
    background-position-y: bottom;
}

.Title h1 {
    padding-top: 25%;
    color: whitesmoke;
}

.Title h2 {
    color: whitesmoke;
    font-style: italic;
    font-size: 20px;
}

.card-body h2 {
    color: #004D40;
}

.card-body p{
    font-size: 16px;
}

.card-body li {
    font-size: 16px;
}

.front-photo {
    margin: 20px;
    background-image: url('../img/Profile.jpg');
    background-size: contain;
    background-repeat: no-repeat;
}

#topNav {
    overflow: hidden;
    z-index: 5;
}

.topNav {
    background-color: #39796B;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topNav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topNav a:hover {
    background-color: #004D40;
}

/* Add a color to the active/current link */
.topNav a.active {
    background-color: #004D40;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 0%;
    width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.content{
    padding-top: 60px;
}

.nav-wrapper {
    height:100px;
    background: gray;
}

.anchorMaarten{
    padding-top: 50px;
    margin-top: -50px;
}