* {
   box-sizing: border-box;
   }
   body {
   font-family: Marker Felt, fantasy;
   padding: 20px;
   background-color: #5796a1;
   }

   /* Header/Blog Title */
   .header {
   padding: 22px;
   font-size: 40px;
   text-align: center;
   -webkit-text-fill-color: #8bc7bf;
   border-radius: 19px;
   }
   .header2 {
   padding: 2px;
   font-size: 12px;
   text-align: center;
   -webkit-text-fill-color: #8bc7bf;
   border-radius: 19px;
   }
   /* Create two unequal columns that floats next to each other */
   /* Left column, unused*/
   .leftcolumn {
   float: left;
   width: 75%;
   }
   /* Right column */
   .rightcolumn {
   float: right;
   width: 25%;
   padding-left: 20px;
   }
   /* Fake image */
   .fakeimg {
   background-color: #8bc7bf;
   display: flex;
   flex-direction: row;
   width: 100%;
   padding: 20px;
   border-radius: 19px;
   -webkit-text-fill-color: #524bb3;
   }
   /* Add a card effect for articles */
   .card {
   background-color: #471b6e;
   -webkit-text-fill-color: #de8b6f;
   padding: 20px;
   margin-top: 20px;
   border-radius: 1px;
   }
   /* Clear floats after the columns */
   .row:after {
   content: "";
   display: table;
   clear: both;
   }
   /* Footer */
   .footer {
   padding: 10px;
   text-align: center;
   font-size: 5px;
   background: #8bc7bf;
   -webkit-text-fill-color: #471b6e;
   margin-top: 20px;
   border-radius: 19px;
   }
   /* Responsive layout
   @media screen and (max-width: 800px) {
   .leftcolumn, .rightcolumn {
   width: 100%;
   padding: 0;
   }
   }
   */

/*pour les images de mon carnet ig */
       div.gallery  {
  display:inline-block;
  width:200px;
  height:auto;
  overflow:hidden;
  position:relative;
  margin:.25em
}
div.gallery:hover {
  background-color:#8bc7bf;
  background-image:none;
  -webkit-text-fill-color: #5796a1;
  position:relative

}

div.gallery img {
  display:block;
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}