@use postcss-cssnext;
html {
background-image:url(15.jpg);
background-repeat: no-repeat;
width:100%;}


main {

 width:100%;

}

.Gallery > img {
  position: absolute;
  position: absolute;
  top: 20;
  left: 0;
  right: 0;
scrollbar: none;

width:100%;

}

@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: 20px; text-align:left;
color : black;	
z-index:1000;
margin:50px;

}
img{
transition: transform .1s;
}
 #titre > img:hover {
 -ms-transform: scale(3.5); /* IE 9 */
-webkit-transform: scale(3.5); /* Safari 3-8 */
transform: scale(3.5);
padding-left:70px;
padding-top:25px;
z-index:1000;
}
a{
	font-weight: bold;
	text-decoration: none;
border:none ;
	color: #2e8c04;
}
a:hover,a:active,a:focus{
border:none!important;
	color:  #efda07;
}

.top {
  vertical-align: middle;
}