homestyle.css

*{
    padding: 0px;
    margin:0px;
}

a i {
    transition: all 0.3s linear;
    color:black;
}

a:hover i {
    transform: scale(1.5);
}

.mglass{
    color:black;
}
.mglass:hover{
    color:azure;
}
.searchbar{
    width:40rem;
}
.header{
    position:relative;
}
.bannerq{
    font-size:5em;
    font-family:Georgia, 'Times New Roman', Times, serif;
    text-shadow:7px 6px rgb(59, 53, 53);
    position:absolute;
    top:50%

}
.bannerq span{
    font-family: 'Allura', cursive;
}
.cardsrecom{
    font-family: 'Roboto', sans-serif;
    font-weight:700;
}
.menuitems{
    list-style: none;
    text-decoration: none;
}
.menuitems a{
    color:black;
    text-decoration: none;
}
.allrestaurents{
    font-family: 'Roboto', sans-serif;
    font-weight:700;
}
.card-img-top{
    width:100%;
    height:200px;
    object-fit: cover;

}
.card-body{
    height:50px;
}
.btn-outline-warning{
    font-weight: bolder;
    border-width:3px;
}  
.restname{
    color: black;
    font-weight: bolder;
    text-decoration: none;
    display:-webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.footer{
    background-color: rgb(28, 24, 24);
}
.footer h1{
    color:rgb(71, 72, 73);
    font-size:x-large;
    font-weight: bolder;
}
.footer li{
    list-style-type: none;
}
.footer a{
    text-decoration: none;
    color: rgb(255, 255, 255);
}
@media (max-width:1025px){
    .searchbar{
        width:20em;
    }
    .bannerq{
        font-size:50px;
        text-shadow:4px 4px rgb(59, 53, 53);
        }
}
@media (max-width:480px){
    .bannerq{
    font-size:larger;
    text-shadow:4px 4px rgb(59, 53, 53);
    }
}