@font-face {
    font-family: 'Inter';
    src: url('Inter-VariableFont_slnt,wght.ttf') format('ttf');
}

* {
    box-sizing: border-box;
}
body {
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    /* https://coolors.co/17ebb2-999799-e5625e-3a445d-37515f */
}
header {
    backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.5); /* Adjust the background color and transparency */
    -webkit-backdrop-filter: blur(10px);
}
header2, header2 * {
    background-color: transparent !important;
}

.navbar, .navbar * {
    background-color: transparent !important;
}

main {
    min-height: 100vh;
    padding-top: 75px;
}

.logo {
    height: 50px;
}
.img-cover {
    width: 100%;
    height: 300px;
}

#event-image {
    width: 100%;
    height: 300px;
    background-image: url("img/appartment.jpg");
    background-size: cover;
    background-position: 50% 50%;
}

/* Override Bootstrap primary color */
.btn-primary {
    background-color: #17ebb2;
    border-color: #17ebb2;
    color: #0A0A0A;
}
.btn-primary:hover {
    color: #17ebb2;
    background-color: #ffffff;
    border-color: #17ebb2; 
}
.btn-outline-primary {
    color: #17ebb2;
    border-color: #17ebb2;
}
.btn-outline-primary:hover {
    color: #0A0A0A;
    background-color: #17ebb2;
    border-color: #17ebb2;
}
.btn-outline-secondary {
    color: #3A445D;
    border-color: #3A445D;
}
.btn-outline-secondary:hover {
    color: #ffffff;
    background-color: #3A445D;
    border-color: #3A445D; 
}
.grey {
    color: #5e5e5e;
}

footer {
    background-color: #272E3F;
}