@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap);


*{
    font-family: 'Montserrat';
}

html{
    scroll-behavior: smooth;
}


body{
    margin: 0 auto;
}

/* tete de page */
header.header{
    display: flex;
    align-items: center;
}

header.header img{
    width: 150px;
}

section.top-page{
     background: url('/siteapprentisage/images/bg.jpg');
     background-size: cover;
     height: 80vh;
     padding: 25px;
 }
    /*page de bienvenue*/

.landing-page{
     padding: 20px 50px;
     position: relative;
}


 .big-title{
    color: white;
    font-size: 120px;
    font-weight: 100;
    width: 60%;
 }

 .scroll-down{
   color: white;
   text-decoration: none;
   position: absolute;
   bottom: 0;
 }

    /*menu de navigation */
 nav.nav{
    display: flex;
    justify-content: space-evenly;
    list-style: none;
    width: 400px;
    
 }

 nav.nav li a {
    color: white;
    text-decoration: none;
 }

 /*service */

 .services{
   display: flex;
   justify-content: space-between; 
   margin: 50px;
}

.service-item{
   display: flex;
   align-items: center;
   flex-direction: column;
}

 .delivery-icon{
   font-size: 50px;
   color: #ADD981;
 }

 .service-details{
   font-weight: 600;
   width: 200px;
   text-align: center;
 }

  /*best sells */

  .section-title {
   font-size: 50px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 100;
   position: relative;
  }

  .section-title::before{
      content: "";
      position: absolute;
      background-color: #ADD981;
      width: 50px;
      height: 7px;
      bottom: 0;
  }


.bests-items{
margin: 50px;
}

.best-plants{
   min-height: 500px;
   display: flex;
   flex-wrap: wrap;
}

  .plant-box{
   position: relative;
   background-size: cover;
   background-position: center;
  }

  .no-grid {
   min-width: 350px;
   height: 500px;
   flex: 1;
  }

  .plant1{
         background-image: url(/siteapprentisage/images/nos_meilleures_ventes/1.jpg);

  }
  .plant2{
      background-image: url(/siteapprentisage/images/nos_meilleures_ventes/2.jpg);

  }
  .plant3{
      background-image: url(/siteapprentisage/images/nos_meilleures_ventes/3.jpg);

  }
  .plant4{
      background-image: url(/siteapprentisage/images/nos_meilleures_ventes/4.jpg);

  }

  .plant-details{
   background-color: #FFFFFFDF;
   position: absolute;
   bottom: 0;
   width: 100%;
   padding: 5px 20px;

  }

  .plant-name{
   font-size: 22px;
   font-weight: 600;
   line-height: 3px;
  }

  .plant-price{
   color: #ADD981;
   font-weight: 800;
   line-height: 3px;
   font-size: 14px;
  }


  /*nos plantes */

  .all-plants{
   margin: 100px;
  }

  .plant-grid{
   display: grid;
   min-height: 150vh;
   grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(4, 400px);

  }
  .plant-grid1{
   background-image: url(/siteapprentisage/images/nos_plantes/1.jpg);
   grid-column: 1/3;
   grid-row: 1/3;
  }

   .plant-grid2{
   background-image: url(/siteapprentisage/images/nos_plantes/2.jpg);
   grid-column: 3/5;
  }

   .plant-grid3{
   background-image: url(/siteapprentisage/images/nos_plantes/3.jpg);
   grid-column: 3/5;
  }

   .plant-grid4{
   background-image: url(/siteapprentisage/images/nos_plantes/4.jpg);
   grid-column: 1;
    grid-row: 3/5;

  }

   .plant-grid5{
   background-image: url(/siteapprentisage/images/nos_plantes/5.jpg);
   grid-column: 2/4;
   grid-row: 3/5;
  }

   .plant-grid6{
   background-image: url(/siteapprentisage/images/nos_plantes/6.jpg);
   grid-column: 4;
   grid-row: 3/5;
  }

    /*footer */
footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 100px;
    font-weight: 600;
}

footer a.cgv{
    text-decoration: none;
    color: black;
}