landing page.css

style.css
{
    margin: 0;
    padding: 0;
}

body{
    background: rgba(0, 0, 0, 0.7) url('food.jpg') center center fixed;
    background-size: cover;
    background-blend-mode: darken;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container h1{
    font-family: sans-serif;
    color: orangered;
    margin-left: 12px;
    cursor: pointer;
}

.navbar ul li{
    display: inline-block;
    padding: 18px;
    text-transform: uppercase;
}

.navbar ul li a{
    text-decoration: none;
    color: #fff;
    padding: 4px;
    transition: 3.5s;
}

.navbar ul li a:hover{
    box-shadow: 0 3px 50px orangered inset,0 3px 50px orangered inset,
    0 3px 50px orangered inset,0 3px 50px orangered inset;
}

.navbar .reservation{
    font-family: sans-serif;
    padding: 8px;
    background-color: orangered;
}

.content{
    position: absolute;
    color: #fff;
    top: 40%;
    left: 30%;
}

.content h3{
    font-family: sans-serif;
    font-size: 35px;
    margin-left: 15%;
}

.content h1{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 40px;
    margin-left: 7%;
}

.content p{
    text-align: center;
    margin-top: 17px;
    font-size: 20px;
    margin-left: 0%
}

.search{
    position: absolute;
    margin-top: 30%;
    margin-left: 42%;
}

.search input{
    font-family: sans-serif;
    outline: none;
    border: none;
    padding: 12px 40px;
    size: 1em;
    width: 100%;
}

.submit{
    position: absolute;
    margin-top: 35%;
    margin-left: 49%;
}

.submit a{
    font-family: sans-serif;
    text-decoration: none;
    color: #fff;
    padding: 12px 25px;
    background-color: orangered;
}