body{
    margin: 0;
    padding: 0
    ;
}
.main{
    background-image: url(img/wp3104899.jpg);
    height: 100vh;
    background-repeat: no-repeat;
    background-attachment: fixed;
   background-size: cover;
}
.mainheader 
{   display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding-top: 30px;
}
.head{
   display: flex;
   flex-direction: row;
   justify-content: center; 
   color: #f6f4f4;
}

.head:hover{
    height: 300px;
    color: rgb(232, 11, 11);
    font-size: 300px;
}
.con{
    display: flex;
    flex-direction: row;
    justify-content: center; 
    padding-top: 100px;
}
.rew{
    background-color: rgb(79, 96, 221);
    text-align: center;
    
}
.hero{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 50px;
}
.resturants{
    text-align: center;
}
.footer{
    display: grid;
    grid-template-columns: auto auto auto;
    text-align: center;
    
}

.end{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background-color: #7c7c7c;
    padding: 20px;
    height: 70vh;
}
.ryt-con{
  
    animation: rotate 250s linear infinite;
}
@keyframes rotate{
    from{
        transition: rotate(odeg);
    }
    to{
        transform: rotate(360deg);
    }
}