body {
  background-image: url(../img/vegito.jpg);
  background-size:cover ;
  background-repeat: no-repeat;
  background-position: center;
  background-position: top;
  height:100%;
  width: 100%;
}


.carte {
  background-color: rgba(15, 15, 15, 0);
  text-align: center;
  width:100%;
  


}
 .carte-body {
  background-color: rgba(15, 15, 15, 0);
  border-radius: 30px;
 } 



.carte:hover {

  transform: scale(1.08);
  transition: transform 0.4s ease;
  cursor:pointer;
  z-index: 2;
  text-decoration: none;
 
}
.carte:hover {

  box-shadow: 0px 0px 0px 2px #000000, 0px 0px 0px 4px #4B4C4B, 0px 0px 0px 8px #828482, 0px 0px 0px 12px #B2B5B2, 0px 0px 0px 18px #DADDDA, 0px 0px 17px 5px #FFFFFF;
  box-shadow: 0px 0px 0px 2px #000000, 0px 0px 0px 4px #4B4C4B, 0px 0px 0px 8px #828482, 0px 0px 0px 12px #B2B5B2, 0px 0px 0px 18px #DADDDA, 0px 0px 17px 5px #FFFFFF;
  transition: 0.4s ease;

}
a:hover {
  text-decoration: none;
}
.carte:active {

  transform: scale(0.95);
  transition: transform 0.3s ease;    
}


h3 {
  color: white;
}

.carte:active {

  transform: scale(0.95);
  transition: transform 0.3s ease;    
}

    #car2 {
      width:80%;
      -webkit-box-shadow: 0px 18px 24px 3px #000000; 
    box-shadow: 0px 18px 24px 3px #000000;
    background-image: linear-gradient(to right, #222222 50%, #333333 50%)
    }
.subcat {
gap:20%;
}






h3 {
  font-size: 5px;
}