body {
   
}
#main{
 /* background-color: lightblue;*/
  background-image: url('../pics/set.jpg');
   
   background-size: cover;
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: center;
animation: zoomIn 15s ease-in-out forwards; 

}

 @keyframes zoomIn {
      0% {
        background-size: 130%;
      }
      100% {
        background-size: 100%; /* Final size */
      }}
#nav{
  background-color: lightblue ;
  opacity: 0.9;
  font-size: 18px;
   font-family: "Dosis", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.box{
  border-radius: 10px;

}
.about{
border-radius: 15px;
}
.navb{
   margin-right: 70px;
  margin-left: 70px;
}
.navbox{
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
.navboxx{
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
#back{
background: rgb(78,65,65);
background: linear-gradient(90deg, rgba(78,65,65,0.5970763305322129) 0%, rgba(177,185,186,1) 37%, rgba(245,245,245,0.2805497198879552) 81%);
}
.op{
  opacity: 0.8;
}
.pork{
  height: 400px;
  width: 500px;
  position: center;
}
h1 {
  color: white;
  text-align: center;
}

p {

   font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  
}
.im{
  height: 300;
  
}
.background1{

 background-image: url('../pics/rice.jpeg');
   background-size: cover;
   background-attachment: fixed;
   background-repeat: no-repeat;
   background-position: center;
}