*{
    margin: 0;
    padding: 0;  
    box-sizing: border-box;
}
.header {
    background-image: url(headerimg.avif);
    height: 60vh;
    position: relative;
}
.navbar{
    display: flex;
    justify-content: end;
    width: 98.9vw;
    height: 9vh;
    background-color: black;
    opacity: 0.6;
}
.navbar ul{
    list-style: none;
    display: flex;
    justify-content: end;
}
.navbar ul li{
    margin: 1rem 1.5rem 0rem 1rem;
}
.navbar ul li a{
    font-size: 1.8vw;
    text-decoration: none;
    color: white;
}
/* dropdown menu  */
.navbar ul ul{
    position: absolute;
    display: none;
    list-style: none;
}
.navbar ul li:hover > ul {
    display: block;
    background-color: rgb(3, 2, 2);
    opacity: 2;
    z-index: 1;
}
.headings {
    color: white;
    text-align: center;
    margin-top: 3rem;
}

.headings h1 {
    font-size: 6vw;
}

.headings p {
    font-size: 3vw;
}
/* top food items */
h2{
    text-align: center;
    margin-top: 1rem;
}
.food-items{
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 25vw;
}
.first-item{
    position: relative;
    box-sizing: border-box;
    width: 27vw;
    height: 20vw;
    float: left;
    margin-top: 2vw;
    margin-bottom: 2vw;
    box-shadow: 1.5vw 1.5vw 1.5vw rgb(30, 153, 220);
    transition: transform 1s;
}
.first-item:hover{
    transform: scale(1.05);
}
.first-item p{
    box-sizing: border-box;
    font-size: 1.5vw;
    height: 2vw;
    text-align: center;
    padding-bottom: 1vw;
}
.food-items img{
    width: 100%;
}
.checked{
    color: rgb(194, 233, 23);
}
.star{
    font-size: 1.5vw;
    height: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top .div1{
    width: 100vw;
    display: flex;
    justify-content: space-between;
    margin-left: ;
}
/* footer */
footer{
    background-color: black;
    color: whitesmoke;
    display: flex;
    justify-content: space-around;
}
.follow{
    margin: 1.5vw;
    width: 10vw;
}
.address{
    margin: 1.5vw;
    width: 10vw;
}
.follow ul{
    list-style: none;
}
.follow ul li a{
    text-decoration: none;
    color: whitesmoke;
}