body {
    background-size: cover !important;
    height: 100% !important;
    transition: background-image 4.5s ease-in-out, background-color 4.5s ease-in-out; /** 4.5s maakt het iets 'vloeiender', kan eventueel later ook met tussenkleuren gebruikt worden. **/
}


main, footer {
    backdrop-filter: blur(70px);
    -webkit-backdrop-filter: blur(70px) !important;
} 

.eventsStart {
    text-align: center !important;
    position: relative;
    z-index: 12;
    margin-top: 2.5%;
}

.page-navbar {
    position: fixed !important;
    top: 0 !important;
    background: rgba(8, 8, 8, 0.25) !important;
    backdrop-filter: blur(12px) !important; 
    -webkit-backdrop-filter: blur(12px) !important; 
    z-index: 1000 !important;
}

/* header .overlay {
    border-radius: 20%;
    margin: 2%;
}  */

/* header {
    margin: 0 7% 6% 6%;
    border-radius: 1rem;
    top: 15vh;
}

header .overlay {
    border-radius: 1rem;
} */

.footer {
    background: rgba(8, 8, 8, 0.25) !important;
    backdrop-filter: blur(12px) !important; 
    margin-top: 11.8% !important;
}

.pastCard:hover {
    transform: scale(1.075);
    /* width: 100%; */
    /* width: auto; */
    margin-inline: 15px;
}