* {
    box-sizing: border-box;
  }
  
  body {
    margin: 0;
    
  }
  .navbar{
    background-color: #4d3319;
    
  }
  .nav-item{
    color: white;
  }
  .content{
    background-image: url(./bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .list{
      display: grid;
      grid-template-columns: repeat(3,auto);
      grid-gap: 65px;
      grid-row-gap: 50px;
      justify-content: center;
      width: 100%;
  }
  .car{
      height: 300px;
      width: 300px;
      border: 5px solid brown;
      border-radius: 12px;
  }
  button{
    background: none;
    border: none;
    padding-top: 4px;
  }
  .btn img{
    height: 267px;
    width: 260px;
  }
  button:hover{
    cursor: pointer;
  }
  /*  */
  .details{
            
    width: 60vw;
    height: 50vh;
    border: 4px solid brown;
    border-radius: 20px;
    position: fixed;
    top: 25vh;
    left: 20vw;
    background-color: rgb(249, 252, 94);
}
  .det{
    display: flex;
    padding: 15px;
    padding-left: 5px;
}
.det .img{
    width: 300px;
    height: 255px;
    border: 2px solid brown;
    margin-left: 15px;
}
.p{
    margin-top: 1vh;
    margin-left:50px;
    width: 400px;
}
li h2{
  font-family: 'Chiller';
}