:root {
  --shadow-color: 192deg 53% 0%;
  --shadow-elevation-low:
    0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34),
    0.4px 0.8px 1px -1.2px hsl(var(--shadow-color) / 0.34),
    1px 2px 2.5px -2.5px hsl(var(--shadow-color) / 0.34);
  --shadow-elevation-medium:
    0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.36),
    0.8px 1.6px 2px -0.8px hsl(var(--shadow-color) / 0.36),
    2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / 0.36),
    5px 10px 12.6px -2.5px hsl(var(--shadow-color) / 0.36);
  --shadow-elevation-high:
    0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34),
    1.5px 2.9px 3.7px -0.4px hsl(var(--shadow-color) / 0.34),
    2.7px 5.4px 6.8px -0.7px hsl(var(--shadow-color) / 0.34),
    4.5px 8.9px 11.2px -1.1px hsl(var(--shadow-color) / 0.34),
    7.1px 14.3px 18px -1.4px hsl(var(--shadow-color) / 0.34),
    11.2px 22.3px 28.1px -1.8px hsl(var(--shadow-color) / 0.34),
    17px 33.9px 42.7px -2.1px hsl(var(--shadow-color) / 0.34),
    25px 50px 62.9px -2.5px hsl(var(--shadow-color) / 0.34);
}

body {
    font-family: 'Mulish', sans-serif;
    background: #0b1315;
    color: #FFFBFF;
}

/* PAGE CONTENT */

.hidden {
    opacity: 0;
    filter: blur(5px);
    transform: translateX(-100%);
    transition: all 850ms;
}

.show {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
}

@media(prefers-reduced-motion) {
    .hidden {
        transition: none;
    }
}

.img-fluid {
    box-shadow: var(--shadow-elevation-medium);
}

h1, h2, h3, h4, h5, h6 {
    filter: drop-shadow(
    3.4px 6.7px 6.7px hsl(0deg 0% 0% / 0.40)
  );
}

.content {
    position: relative;
}

.text, .text-content {
    font-size: 1.25rem;
}

.text-content {
    text-align: justify;
}

/* PAGE CONTENT */

/* RESERVATION SECTION */

.reservation-section {
    background-image: url("../imgs/tables.jpg");
    object-fit: contain;
    background-position: 40% 80%;
    height: 23.75rem;
    background-color: #262626;
    background-blend-mode: overlay;
}

/* RESERVATION SECTION */