* {
   box-sizing: border-box;
   }
   body {
   font-family: Marker Felt, fantasy;
   padding: 20px;
   background-color: #702782;
   }
   
   p.image { float: left; width: 600px; }
   p.images { float: right; width: 600px; }

   /* Header/Blog Title */
   .header {
   padding: 22px;
   font-size: 20px;
   text-align: center;
   background: #702782;
   -webkit-text-fill-color: #ebd694;
   border-radius: 19px;
   }
   .header2 {
   padding: 2px;
   font-size: 10px;
   text-align: center;
   background: #de8b6f;
   -webkit-text-fill-color: #471b6e;
   border-radius: 19px;
   }
   /* Create two unequal columns that floats next to each other */
   /* Left column, unused*/
   .fullcolumn {
   }
   .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: 19px;
   }
   /* 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 {
  border: 1px solid #ccc;
  background-color: white;
}

div.gallery:hover {
  border: 1px solid #777;
  
}

div.gallery img {
  width: 40%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}