html {
background: url(fond2.jpg) no-repeat center center fixed;
background-size:cover;

}
.box {
  
}	  
main {
margin-top:10px;


height:100%;
z-index:0;
scrollbar: none;
}				
.Gallery > img {
  position: absolute;
  top: 100px;
  left: 4px;
  right: 10px;
  bottom: 0;
border-radius: 50% 20% / 10% 40%;
border-color:blue;
width:98%;
  box-shadow: 0 0 0.5em #a3d3f7;

@keyframes openup {
to {
clip-path: circle(60vmax at 30vw 50%);
  }
}
.open-enter-active {
clip-path: circle(0 at 30vw 50%);
}

.open-enter-to {
  animation: openup 1000ms ease-in;
}
.titre{
font-family: Courgette, Comic Sans MS, sans-serif;	font-size: 16px; text-align:left;
color : black;	
z-index:1000;
margin-left:10px;
text-align:center;
background-color:#9bb284;
opacity:0.8;
}
img{
transition: transform .1s;

}

a {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
  font-family: Comic Sans MS, sans-serif;	font-size: 16px;color:black;
}