body{
  overflow-x: hidden;
}
.header{
  background-image: url(./images/bg1.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 950px;
}
.submit:hover{
background-color:white ;
color:rgb(236, 128, 186);
cursor: pointer;
box-shadow: 5px 5px 10px rgb(231,124,132); ;
font-weight: bold;
border-radius: 10px;
}
.special{
  background-image: url(./images/bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.esimage{
  width: 300px;
  border-radius: 50px;
  transition: all 2s;
}
.esimage:hover{
  transform: scale(1.1);
}
.started{
  font-weight: bold;
  border-radius: 5px;
}

.started:hover{
  cursor: pointer;
  background-color: rgb(245, 166, 196);
  color: rgb(231,124,132);
  box-shadow: 5p 5px 2px rgb(246, 166, 194);
}
.nav:hover{
  cursor: pointer;
  color: rgb(248, 131, 176);
 font-weight: bold;
 text-shadow: 7px 7px 4px  rgb(231,124,132);
}
.nav{
  font-size: 18px;
}
.cone:hover{
cursor: pointer;
background-color:beige ;
border-radius: 10px;
}
.ice{
  transition: all 5s;
}
.ice:hover{
  transform: scale(1.1);
}
.menu{
  position: relative;
  top: -120px;
}
.plus{
  position: relative;
  top: -5px;
  left:145px;
}
.cup:hover{
cursor: pointer;
background-color:beige ;
border-radius: 10px;
}
.scope{
 transition: all 5s;
}
.scope:hover{
transform: scale(1.1);
}
.order:hover{
 cursor: pointer;
  background-color: rgb(245, 166, 196);
  color: rgb(231,124,132);
  box-shadow: 5p 5px 2px rgb(246, 166, 194);
}
.order{
  border-radius: 5px;
  font-weight: bold;
  background-color: rgb(231,124,132);
}
.kit{
  height: 600px;
  width: 500px;
}
.famous{
  border: 2px solid black;
  border-radius: 10px;
  width: 1100px;
  transition: all 2s;
}
.famous:hover{
  cursor: pointer;
  background-color: rgb(245, 166, 196);
  color: rgb(231,124,132);
  box-shadow: 5p 5px 2px rgb(246, 166, 194);
  transform: scale(1.1);
}
.prem{
   transition: all 2s;
}
.prem:hover{
   transform: scale(1.1);
   box-shadow: 8px 8px 6px rgb(246, 166, 194); 
}
.now:hover{
cursor: pointer;
  background-color: rgb(245, 166, 196);
  color: rgb(231,124,132);
  box-shadow: 5p 5px 2px rgb(246, 166, 194);
}
@media (min-width:320px) and (max-width:738px){
 .header{
  background-image: url(./images/bg1.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  height:100%;
  width:100%;
}
}