.img {
  width: 1300px;
  height: 700px;
  background-image:
    url(./img/lamp.png), url(./img/ej.png), url(./img/donut.png),
    url(./img/grass.png), url(./img/house.webp);
  background-repeat: repeat-x, repeat-y, repeat-y, repeat-x, no-repeat;
  background-position:
    top,
    left center,
    right top,
    bottom,
    center;
  background-size:
    auto 30px,
    40px auto,
    40px auto,
    auto 50px,
    500px auto;
    
  background-color: rgba(0, 128, 0, 0.521);
}

box{
   width: 500px;
   height: 400px;
   outline: 5px solid red;
   background-image: linear-gradient(rgba(255, 255, 0, 0.485),rgba(255, 255, 0, 0.509) 50%, rgba(2, 2, 249, 0.486) 50%, rgba(0, 0, 255, 0.494)),url(../img/nebo.jpeg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;

}

.box2{
  width: 700px;
  height: 550px;
  background-image: linear-gradient(rgba(0, 128, 0, 0.396) 50%, rgba(255, 255, 0, 0.549) 50% ), url(https://th.bing.com/th/id/OIP.fETbJRLjSy1JE9EadmH61wHaFj?w=243&h=183&c=7&r=0&o=7&dpr=1.3&pid=1.7&rm=3);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 15px 10px 10px 10px rgba(255, 255, 0, 0.568), 20px 15px 15px 5px rgba(4, 240, 126, 0.558),
  
}

.title{
  text-shadow: 20px 10px 20px  red, 15px 10px 15px rgba(31, 31, 154, 0.819), 25px 15px 10px rgba(0, 0, 0, 0.77);
}
.button{
  width: 100px;
  height: 75px;
   background-color: brown;
 color: chartreuse;
 font-size: medium;
}
button:hover{
box-shadow: 20px 15px 5px 10px rgba(255, 0, 0, 0.667);
 
}