body, html{
    margin: 0;
    padding: 0;
    height: 100%;
    scroll-behavior: smooth;
}
.fs-header{
    background: linear-gradient(to bottom,rgba(92,77,66,.8) 30%, rgba(0,0,66,.5) 100%),url('../img/Jeffrey_Vink.jpg');
    width: 100%;
    min-height: 100%;
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#headerTitle{
    color: white;
    overflow: hidden;
    border-right: .15em solid;
    white-space: nowrap;
    margin: 0 auto;
    letter-spacing: .15em;
    animation: blink-caret 0.75s steps(1) infinite;
}
@keyframes blink-caret {
    from, to { border-color: white }
    50% { border-color: transparent; }
}
#headerButton{
    animation:ripple 1.8s infinite
}
@keyframes ripple{
    0%{
        opacity:0.5;
        -webkit-transform:scale(0.8);
        transform:scale(0.8)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    100%{
        opacity:0.5;
        -webkit-transform:scale(0.8);
        transform:scale(0.8)
    }
}
.navbar-scrolled {
    background-color: white;
    border: 0;
    padding: 0;
-webkit-overflow-scrolling: touch;
}
.page-section{
    padding: 8rem;
}

.modal-backdrop{
    background-color: rgba(0,0,0,0.2) !important;
}

.background-transparent{
    background: rgba(255,255,255,0.8) !important;
}