.navbar-content {
    color: #000;
}
.navbar-container {
    width: 100%;
}
.hamburger {
    filter: invert();
}
.page-list.active + .hamburger,
body.no-scroll .hamburger {
    filter: invert(0);
}
#reserve-table-section {
    min-height: 60vh;
    margin-bottom: 5vh;
}
.reserve-container {
    display: flex;
    gap: 2rem;
}
.reserve-table-card-container {
    width: 100%;
    border-radius: 8px;
    box-shadow: 10px 10px 40px 3px rgb(0 0 0 / 0.2);
    padding: 2rem;
}
.reserve-table-card-container:nth-of-type(1) {
    background-color: #507e62;
    color: white;
}
.reserve-table-card-container:nth-of-type(2) {
    background-color: rgb(60, 112, 133);
    color: white;
}
.reserve-table-card-content {
    transition: 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.reserve-table-card-content h2 {
    margin-bottom: 2rem;
    font-size: 1.5rem;
}
.reserve-table-card-content .image-fill {
    width: 100%;
}
.reserve-table-card-content * {
    text-decoration: none;
}
.reserve-table-card-content img {
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.reserve-table-card-content:hover,
.reserve-table-card-content:focus,
.reserve-table-card-content:active {
    transform: scale(1.03);
}
.reserve-table-card-content img:hover,
.reserve-table-card-content img:focus,
.reserve-table-card-content img:active {
    transform: scale(1.03);
}
.navbar-container.sticky {
    height: fit-content;
}
.navbar-spacer {
    margin-top: 12vh;
}
.navbar-container.sticky .navbar-content {
    background: #fff;
}
@media (max-width: 678px) {
    .reserve-container {
        flex-wrap: wrap;
    }
}