body {
    color: rgb(0, 0, 0);
     background-color: rgb(212, 212, 212)
   
   
   body
   }
   
   .bungee {
   margin: auto;
   width: fit-content;
   height: fit-content;
   display: flex 
   }
   
.header__content{max-width: 1200px;width:100% ;margin: 0 auto;display: flex;justify-content: space-between;} 

.header{ 
    background-color:rgb(0, 0, 0);
border: 10px solid rgb(255, 255, 255) ;
top: 0;
left: 0;
z-index: 9999;
width: 100%;

}

.header__content{max-width: 1200px;width: 100%;margin: 0 auto;}

.header__menu li {display: inline-block;}
.header__menu li a{color: rgb(255, 255, 255); opacity: 0.8;display: block;padding: 10px;}


body {
    background-color: #ffffff; /* Cambia il colore di sfondo */
}
h1 {
    text-align: center;
    text-size-adjust: auto;
}

   
h3{
    text-align: center;
}
.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    padding: 10px;
}

.grid-item {
    border: 1px solid #ffffff;
    border-radius: 15px;
    overflow: hidden;
}





.cover{
    height: 70%;
    border: red;
    background-image: url(https://source.unsplash.com/category/nature);
    background-size: cover;
    background-position: center;
    position: relative;
     }


     .cover__cap{
        display: table;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 1 ;
       
     }

     .cover__copy{
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        color: #ffffff;
        white-space: 10px;
        font-size: 25px;
     }

     .button{

         display: inline-block; 
         background-color: #ffffff; 
          color: #000000; 
          padding: 10px 20px; 
          border-radius: 15px; 
          text-decoration: none;
          font-size: 15;
     }

     .filtro{
        background:black;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        opacity: 0.5;
     }

     .cards{
        max-width: 1200px;
        margin: 40px auto;
      
     }

     .card{
        width: 100%;
        margin: 1.5%;
        border: #000000;
        border: red;
       
     }
     .card__img{
        width: 100%;
        height: auto;
        
     }

     .card__copy{
        padding: 5px 20px;
     }
     .card__copy h3{
        margin-bottom: 0;
     }

    .footer{
        width: auto;
        height: 100px;
        background-color: #000000;
        
    }
    .footer__tex{
        vertical-align: center;
        text-align: center;
        color: #ffffff;
        
     }

     .clearfix::after {
        content: "";
        display: table;
        clear: both;
    }