body {
    font-family: Arial, Helvetica, sans-serif;
}

h1, h2, p {
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color: white;
    background-color: black;
    padding: 8px 14px;
    margin: 5px;
    text-decoration: none;
    border: 1px solid white;
}

a:hover {
    background-color: white;
    color: black;
}

.menu-page,
.about-page {
    background-color: #eeeeee;
    color: rgb(211, 34, 34);
}

.menu-box,
.about-content,
.about-box,
.reservation-box,
.home-logo {
    border: 2px solid white;
    padding: 20px;
}

.menu-box,
.about-content,
.about-box {
    background-color: rgb(241, 238, 238);
    color: black;
}

.reservation-box {
    background-color: rgba(0, 0, 0, 0.70);
    color: white;
}
.header-box {
    width: 100%;
    margin: 0 0 20px 0;
    background-color: rgba(0, 0, 0, 0.70);
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    padding: 15px;
    text-align: center;
    box-sizing: border-box;
}

.header-box h1 {
    color: white;
    margin: 0 0 10px 0;
}

.reservation-box {
    background-color: rgba(0, 0, 0, 0.70);
    border: 2px solid white;
    padding: 20px;
    color: white;
    text-align: center;
}

.bottom-nav-box {
    background-color: rgba(0, 0, 0, 0.70);
    border: 2px solid white;
    padding: 10px;
    text-align: center;
}

.footer-box {
    background-color: rgba(0, 0, 0, 0.70);
    border: 2px solid white;
    padding: 10px;
    text-align: center;
    color: white;
}