#menu{
    height: 110vh;
    width: 100%;
    position: relative;
}
#menu h1{
    /* color:#ffa37b; */
    text-align: center;
    margin-top: 20px;
    font-size: 4vw;
    font-weight: 800;
}
.cards{
    width: 100%;
    height: 90vh;
    /* background-image: url(images/rest.jpeg); */
    display: flex;
    align-self: center;
    position: relative;
    justify-content: space-around;
}
.card{
    width: 30vw;
    height: 100%;
    background-color: rgb(241, 234, 234);
    padding: 20px;
}
.card-contant{
    width: 100%;
    height: 100%;
    border: 2px solid #ffa37b;
    text-align: center;
    padding: 5px;
    position: relative;
    overflow: hidden;
}
.card-contant >h2{
    margin-top: 20px;
    color: #ffa37b;
    font-size: 2vw;
    
}
.details-box{
    
    width: 100%;
    height: 70%;
    padding: 20px;
    position: relative;
}

.row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid black;
    margin-bottom: 2vh;
}