body {
   background: #5f725fa6; 
   top: 0%;
   right: 0%;
   bottom: 0%;
   left: 0%;
   
   
}

.home {
   font-family: sans-serif;
   color: white;
  


}

.banner{
   background-image: linear-gradient(rgba(76, 99, 68, 0.75),rgba(76, 99, 68, 0.75)),url(laptop.jpg);  
   background-size: cover;
   background-repeat: no-repeat;
   position: absolute;
   background-position: top center;
   top: 100px;
   right: 0%;
   bottom: 100px;
   left: 0%;
   padding-top: 100px;
   padding-bottom: 100px;
  
}

nav{
   width:100%;
   position: absolute;
   top: 0;
   left: 0;
   padding: 20px 8%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

nav ul li{
   list-style: none;
   display: inline-block;
   margin-right: 40px;
}
nav ul li a{
   text-decoration: none;
   color: white;
   font-size: 20px;

}

nav ul li a:hover{  
   cursor:pointer;
   color:rgba(76, 99, 68, 0.75);   


}
 
.container { 
   position: relative;
   width: 1200px;
   height: 300px ;
   margin: 240px auto;
}

.container .box{
   position: relative;
   width: calc(400px - 30px);
   height: calc(300px - 30px);
   background: #dbd1d1;
   float: left;
   margin: 15px;
   box-sizing: border-box;
   overflow: hidden;
   border-radius: 10px;
}